JavaScript - disable checkbok

Pos: 539

Val: 3

disable checkbok

Publicado por Xo (4 intervenciones) el 01/09/2021 22:34:15

Tengo la siguiente sentencia de checkbox donde las opciones son consultadas desde una base de datos, al momento de mostrarlas las muestro de la siguiente manera:

print "<input type='checkbox' name='alarma' id='alarma' value='$alarma' onclick='alarma_sel(this);alarma_reg(this.value);'/>$alarma</input>";

Funciones de Javascript:
**function alarma_sel(p_alarma) {**
//Get the checkbox
if (p_alarma.checked){
alert ('ESTOY SELECCIONADA=' + p_alarma);
p_alarma.checked;
//despues de seleccionada la debo deshabillitar para que ya no vuelva a seleccionarse.
} else {
alert ('ESTOY DESELECCIONADA!!!!');
}

}

Esta función muestra todas la alarmas seleccionadas separadas por una ´,´
function alarma_reg(p_alarma) {
//Get the checkbox
alarma_operada+=p_alarma;
alarma_operada+= ', ';
document.getElementById("ver_alarmas").value=alarma_operada;
}

Al seleccionar una alarma la debo mostrar como alarma seleccionada y deshabilitar la opciòn para que no vuelva a elegirse.

Les agradeceré su apoyo porque llevo mucho tiempo con esto y es algo sencillo pero el script necesita una correción y no la encuentro.
Enormes Gracias.

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

Pos: 27

Val: 60

disable checkbok

Publicado por Jaime (30 intervenciones) el 06/09/2021 01:37:55

Cuando se seleccione el checkbox, le agregas el atributo disabled.

Valora esta respuesta

Me gusta: Está respuesta es útil y esta clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar

Pos: 539

Val: 3

disable checkbok

Publicado por Xo (4 intervenciones) el 07/09/2021 19:17:44

Que tal Jaime, es algo muy simple pero no avanzo, tengo un error que no lo hayo y no logro deshabilitar el checkbox seleccionado:
En el código siguiente creo los divs de selección:

print<<"html";
<form post="#">
<body>
<div style="border : solid 2px #ff0000;
background : #ffffff;
color : #000000;
padding : 4px;
width : 553px;
height : 90px;
overflow : auto; ">

<div class="multipleSelection" align="left";>
<div class="selectBox"
onclick="showCheckboxes()">
<select>
<option>RELACIÓN DE ALARMAS</option>
</select>
<div class="overSelect"></div>
</div> 
<div id="checkBoxes">
html
#UTILIZO CODIGO DE PERL PARA CONSULTAR LA BASE DE DATOS
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>";
}
CÓDIGO DE PERL:
print "<td><div><textarea name='ver_alarmas' id='ver_alarmas' rows='4' cols='50' placeholder='ALARMAS OPERADAS....' readonly/></textarea></td>";
print "</div>"; #
print "</div>"; #
print<<"html";

FUNCIONES DE JAVASCRIPT:
function alarma_sel(p_alarma) {
//Get the checkbox
var checkbox= p_alarma;
var aux_chk= p_alarma;
alert ('PARAMETRO=' + checkbox);
alert ('---AUX=' + aux_chk);
if (checkbox.checked){
p_alarma.checked;
alert ('ESTOY SELECCCIONADA!!!! :)');
document.getElementById("alarma").disabled = true;
} else {
alert ('ESTOY SELECCIONADA=' + p_alarma);
document.getElementById("alarma").disabled = true; //No se deshabiliat
}
}

function alarma_reg(p_alarma) {
//Get the checkbox
alarma_operada+=p_alarma;
alarma_operada+= ', ';
document.getElementById("ver_alarmas").value=alarma_operada;

//TEXTAREA QUE SE CREA CON LAS ALARMAS GENERADAS

alert ('ALARMA_REG:' + p_alarma);
document.getElementById("p_alarma").disabled=true; //CODIGO PARA DESHABILITAR LA OPCION SELECCIONADA PERO SIEMPRE DESHABILITA LA PRIMERA, NO ME EXPLICO EL PORQUE.
}

Espero me puedan explicar cual o cuales son mis errores.

Enormes gracias y saludos.

Valora esta respuesta

Comentar

Pos: 27

Val: 60

disable checkbok

Publicado por Jaime (30 intervenciones) el 11/09/2021 22:50:34

p_alarma.checked    //Esto no hace nada

document.getElementById("alarma").setAttribute("disabled","true") //Así se establece un atributo

document.getElementById("alarma").removeAttribute("disabled") //Así se quita el atributo

Esta es la documentación de los elementos html https://developer.mozilla.org/es/docs/Web/API/Element
RECUERDA que la DOCUMENTACIÓN es tu mejor aliada!

Valora esta respuesta

Comentar

getElementById

Entendiendo JavaScript