Tratamiento de checkboxes

[lobo_php]

Buenos días,

Mi problema es el siguiente:

Como se pueden dar cuenta por mi nick yo trabajo con php y uso javascript en ocaciones para validar por lo que no conozco mucho del tema, así que por favor disculpen mi ignorancia...

tengo esos dos campos:



lo que quiero es que al darle click al check del riesgo se deshabilite el de la oportunidad, ya que sólo pueden escoger uno u otro:

yo en mi poco conocimiento, hice un script que funciona a la perfección en firefox, opera, safari, chrome, pero en IE me genera problemas y es el navegador que más se usa acá...

les adjunto el código

Código Javascript:

function validarCheck(valor){
    if (valor == 0){
        valor = ""
    }
    var checksi = document.getElementById('cumpleSiAF'+valor);
    var checkno = document.getElementById('cumpleNoAF'+valor);
    if(checksi.checked == true){
        checkno.setAttribute('disabled', 'disabled');
    }
    else{
        checkno.removeAttribute('disabled');
    }
    if(checkno.checked == true){
        checksi.setAttribute('disabled', 'disabled');
    }
    else{
        checksi.removeAttribute('disabled');
    }
}
 

Si alguien me puede ayudar a resolver el problema de IE, estaré agradecido o si por el contrario hay otra forma de hacerlo también será bienvenida

[alexg88]

¿Puedes poner el código HTML correspondiente a los checkbox? Más que nada para ver si lo estás haciendo bien del todo.

[lobo_php]

Iniciado por alexg88

¿Puedes poner el código HTML correspondiente a los checkbox? Más que nada para ver si lo estás haciendo bien del todo.

Código PHP:

<?php
                    if($rowPFYS['cumpleSi'] == 1){
                        $seleccionar = "checked='true' onchange=validarCheck('$pfys');";
                    }
                    else if($rowPFYS['cumpleSi'] == 0 && $rowPFYS['cumpleSi'] != ""){
                        $seleccionar = "disabled='true' onchange=validarCheck('$pfys');";
                    }
                    else if($rowPFYS['cumpleSi'] == ""){
                        $seleccionar = "onchange=validarCheck('$pfys');";
                    }
                    ?>
                    <td bgcolor="<?php echo $Color_Tabla_Linea_1; ?>" align="center">
                        <font face="Tahoma">
                            <input type="checkbox" id="cumpleSi<?php echo $seccion; ?>"
                                name="cumpleSi<?php echo $seccion; ?>" 
                                <?php echo $seleccionar; ?> />
                        </font>
                    </td>
                    <?php
                    if($rowPFYS['cumpleNo'] == 1){
                        $seleccionar = "checked='true' onchange=validarCheck('$pfys');";
                    }
                    else if($rowPFYS['cumpleNo'] == 0 && $rowPFYS['cumpleNo'] != ""){
                        $seleccionar = "disabled='true' onchange=validarCheck('$pfys');";
                    }
                    else if(empty ($rowPFYS['cumpleNo'])){
                        $seleccionar = "onchange=validarCheck('$pfys');";
                    }
                    ?>
                    <td bgcolor="<?php echo $Color_Tabla_Linea_1; ?>" align="center">
                        <font face="Tahoma">
                            <input type="checkbox" id="cumpleNo<?php echo $seccion; ?>" 
                                name="cumpleNo<?php echo $seccion; ?>" 
                                <?php echo $seleccionar; ?> />
                        </font>
                    </td>
 

[alexg88]

Mejor pon el código HTML resultado (el que sale al llamar a la página desde el navegador)

[lobo_php]

Iniciado por alexg88

Mejor pon el código HTML resultado (el que sale al llamar a la página desde el navegador)

en firefox:

Código HTML:

<td align="center" bgcolor="#E2E3E4">
      <input id="cumpleSiAF1" name="cumpleSiAF1" disabled="true" onchange="validarCheck('1');" type="checkbox">
</td>
<td align="center" bgcolor="#E2E3E4">
      <input id="cumpleNoAF1" 
                                       name="cumpleNoAF1" 
                                       checked="true" onchange="validarCheck('1');" type="checkbox">
</td>
 

en IE

Código HTML:

<td bgcolor="#E2E3E4" align="center">
     <input type="checkbox" id="cumpleSiAF1"
                                        name="cumpleSiAF1" 
                                        disabled='true' onchange=validarCheck('1'); />
</td>
<td bgcolor="#E2E3E4" align="center">
     <input type="checkbox" id="cumpleNoAF1" 
                                        name="cumpleNoAF1" 
                                        checked='true' onchange=validarCheck('1'); />
</td>
 

[alexg88]

El problema resulta que está en como trata IE el evento onchange, así que la manera de solucionarlo es utilizar el evento onclick.

También puedes quitar las comparaciones del tipo checked == true y dejar sólo checked que ya es de tipo booleano.

Código Javascript:

function validarCheck(valor){
    
     
   
    
    if (valor == 0){
        valor = ""
    }
    var checksi = document.getElementById('cumpleSiAF'+valor);
    var checkno = document.getElementById('cumpleNoAF'+valor);
    if(checksi.checked){
        checkno.setAttribute('disabled', 'disabled');     
         
         
    }
    else{
        checkno.removeAttribute('disabled');           
        checkno.focus();
 
    }
    if(checkno.checked){
        checksi.setAttribute('disabled', 'disabled');
    }
    else{
        checksi.removeAttribute('disabled');    
        
    }
}
 

Código HTML:

<td align="center" bgcolor="#E2E3E4">
      <input id="cumpleSiAF1" name="cumpleSiAF1" disabled="disabled" onclick="validarCheck('1');" type="checkbox">
</td>
<td align="center" bgcolor="#E2E3E4">
      <input id="cumpleNoAF1" 
                                       name="cumpleNoAF1" 
                                       checked="checked" onclick="validarCheck('1');" type="checkbox">
</td>
 

[lobo_php]

Pues sigue sin funcionarme en IE7 e IE8, en el 9 funciona perfectamente, pero encontré otra forma de hacerlo y lo probé en el IE7, IE8 e IE9 y en todos funciona al igual que en el resto de navegadores, aquí la coloco:

Código HTML:

<input name="oportunidad1_1" id="oportunidad1_1" onclick="javascript: document.form1.riesgo1_1.disabled = this.checked;" type="checkbox" value="on"/>
 

Gracias alexg88,

lo del onclick si sirvió pero con este método porque me pasaba lo mismo que con el otro ya que lo tenía onchange

[alexg88]

Lo he probado en todos los IE y funcionaba. Debes estar haciendo algo mal.

[lobo_php]

Iniciado por alexg88

Lo he probado en todos los IE y funcionaba. Debes estar haciendo algo mal.

Le cambié los onchange por onclick y le cambie checked='true' por checked='checked' y no funcionó pero el otro que coloqué si funciona a las mil maravillas :D de todas formas gracias!