¿Qué tal? Necesito deshabilitar los checkbox para que no puedan ser reelegidos y no logro terminarlo. Formo los textbox al consultar a una base de datos:
FORMACIÓN DE LA SELECCIÓN MÚLTIPLE:
print<<"html";
<div class="multipleSelection" align="left";>
<div class="selectBox"
onclick="showCheckboxes()">
<select>
<option>RELACIÓN DE ALARMAS</option>
</select>
<div class="overSelect"></div>
</div> <!-- <div class="selectBox" -->
<div id="checkBoxes">
html
while(my $ref_alarm = $sth->fetchrow_hashref()) {
($gabinete)=$ref_alarm->{'gabinete'};
($alarma)=$ref_alarm->{'descrip_alarma'};
print "<input type='checkbox' name='alarma' id='alarma' value='$alarma' onclick='alarma_sel(this.value);alarma_reg(this.value);'/>$alarma</input>";
print "<br>";
}
print "<td><div><textarea name='ver_alarmas' id='ver_alarmas' rows='4' cols='50' placeholder='ALARMAS OPERADAS....' readonly/></textarea></td>";
print "</div>"; #<!-- <div id="checkBoxes"> -->
print "</div>"; #<!-- <div class=selectBox -->
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
CON JAVASCRIPT SELECCIONO LAS OPCIONES LA CUALES SE ADICIONAN A UN TEXTBOX
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
<script>
var show = true;
var salto = false;
var alarma_operada;
alarma_operada= "";
function showCheckboxes() {
var checkboxes =
document.getElementById("checkBoxes");
if (show) {
checkboxes.style.display = "block";
show = false;
} else {
checkboxes.style.display = "none";
show = true;
}
}
function alarma_sel(p_alarma) {
//Get the checkbox
var CHECKbox= p_alarma;
alert ('ESTOY SELECCCIONADA!!!! ' +CHECKbox);
document.getElementById("CHECKbox").disabled=true; //CON ESTA INSTRUCCION SE DEBE
DESHABIITAR EL CHECKBOX PARA QUE NO VUELVA A SER SELECCIONADO PERO NO SE
DESHABILITA
}
function alarma_reg(p_alarma) {
//Get the checkbox
alarma_operada+=p_alarma;
alarma_operada+= ', ';
document.getElementById("ver_alarmas").value=alarma_operada;
}
</script>
Agradeceré vuestro apoyo para continuar.
Enormes Gracias.