Perdon! quizas fuí desasiado escueta..
Tengo un campo de texto que habilio/desabilito segun si el checkbox 'esexitus' está marcado o no.
Cada vez que se hace un clic sobre el checkbox ejecuto la función javascript (mediante el evento onClick) :
Código:
function gestioExitus(){
exitus= document.getElementById('esexitus');
if(exitus.checked==true) document.getElementById('dataexitus').disabled=false;
else document.getElementById('dataexitus').disabled=true;
}
La llamada al mètodo funciona, se ejecuta tantas veces como clicks sobre el checkbox, el problema es que en IE8 al realizar la comprobación de si el checkbox está marcado:
... siempre devuelve 'false' sea cual sea el estado del checkbox(marcado/nomarcado)
Este mismo código funciona perfectamente en Firefox.
Adjunto el html resultante:
Código HTML:
<html>
<head>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><meta http-equiv="Content-Type" content="text/html; charset=utf8" /><title>GestNED</title><link href="/css/cssfront.css" media="screen" rel="stylesheet" type="text/css" />
<link href="/css/gestned.css" media="screen" rel="stylesheet" type="text/css" />
<script language="JavaScript">
function gestioExitus(){
alert('entra');
exitus= document.getElementById('esexitus');
alert(exitus);alert(exitus.checked);
if(exitus.checked==true) document.getElementById('dataexitus').disabled=false;
else document.getElementById('dataexitus').disabled=true;
}
</script>
</head>
<body class="in">
<div id="in" class="in">
<form name="PacientFitxaAlta" id="PacientFitxaAlta" method="post" action="index" >
<table id="tauAltaDadesPersonalsPac" class="tauAltaDadesPersonalsPac campsform">
<tr>
<td><label for="cognom2" class="optional">2on Cognom</label>
<input type="text" name="cognom2" id="cognom2" value="" size="24" maxlength="200" /> </td>
<td> <label for="esexitus" class="optional">Éxitus</label>
<input type="hidden" name="esexitus" value="0" /><input type="checkbox" name="esexitus" id="esexitus" value="1" onclick="gestioExitus()" /> <label for="dataexitus" class="optional">Data defunció</label>
<input type="text" name="dataexitus" id="dataexitus" value="" size="9" maxlength="10" disabled="1" />
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
Gracias!