Problema con checkbox IE10

#1 (**permalink**) 31/10/2013, 12:37

Hola a todos, tengo un simple script que cambia el color de la fila en la que se ha seleccionado un checkbox. No tiene ningún error y funciona en todos los navegadores excepto en IE10.

Lo he probado en las otras versiones del mismo sin ningún problema, pero por algún motivo desconocido falla en la última versión.

Alguien podría darme una solución? Adjunto el código:

Código:

var cboxMails = document.querySelectorAll( 'input[type=checkbox]' );
for( var f = 0; f < cboxMails.length; f++ ){
	cboxMails[f].onclick = function(){
		if( this.checked == false ){ 
			this.parentNode.parentNode.style.backgroundColor = '';
		} else {
			this.parentNode.parentNode.style.backgroundColor = '#2B3057';
		}
	} 
}

P.D: También probé usando el viejo método para seleccionar los checkbox con getElementsByTagName y preguntando si el type era checkbox por si fuera algún problema del querySelectorAll pero no funcionó.

Gracias!

PIRRUMAN · #2 (**permalink**) 31/10/2013, 12:47

podiras colocar tambien el codigo html donde lo usas, para simular todo el funcionamiento

#3 (**permalink**) 02/11/2013, 14:28

Sí, acá está

Código HTML:

<form action="borrar.php" method="post">
	<fieldset>
		<table>
			<thead>
				<tr>
					<th>ENVIADO POR</th>
					<th>ASUNTO</th>
					<th>FECHA DE ENVIO</th>
					<th>SELECCIONAR</th>
				</tr>
			</thead>
			<tr>
				<td>Carlos</td>
				<td>Hola</td>
				<td>23-10-2013 - 13:25 hs</td>
				<td><input type="checkbox" name="checkMail[]" value="200" /></td>
			</tr>
			<tr>
				<td>Marcela</td>
				<td>Consulta</td>
				<td>29-10-2013 - 16:25 hs</td>
				<td><input type="checkbox" name="checkMail[]" value="150" /></td>
			</tr>
		</table>
		<input type="submit" value="Borrar" class="boton" />
	</fieldset>
</form>

PHPeros · #4 (**permalink**) 02/11/2013, 14:41

¿La consola te da algún error?

#5 (**permalink**) 02/11/2013, 14:44

Niguno, y lo más raro es que en algunos sectores del sitio funciona perfecto el JS y en otros no. Como si estuviera deshabilitado. Sólo pasa en IE10, en las otras versiones de IE funciona perfectamente :/

PHPeros · #6 (**permalink**) 02/11/2013, 15:02

Oye, yo siempre he usado background-color en vez de backgroundColor...

#7 (**permalink**) 02/11/2013, 16:48

En JS es backgroundColor. En jQuery es background-color :)

PHPeros · #8 (**permalink**) 03/11/2013, 08:16

Prueba a poner <!DOCTYPE html> en la primera línea del HTML... Muchas veces es por eso

#9 (**permalink**) 03/11/2013, 10:18

Tengo una estructura HTML validada en la W3C. Acá puse solamente el fragmento de código necesario para testear lo progrmado :)

Igualmente el DOCTYPE nada tiene que ver con el JS.

PHPeros · #10 (**permalink**) 03/11/2013, 10:34

Buff, me lo estás poniendo difícil

A ver si hay suerte:

Código Javascript:

Ver originalvar cboxMails = document.querySelectorAll( 'input[type=checkbox]' );
for( var f = 0; f < cboxMails.length; f++ ){
    window.cboxMails[f].onclick = function(){
        if( this.checked == false ){ 
            this.parentNode.parentNode.style.backgroundColor = '';
        } else {
            this.parentNode.parentNode.style.backgroundColor = '#2B3057';
        }
    } 
}

Te olvidaste llamar a la variable globalmente con window...

Saludos

#11 (**permalink**) 03/11/2013, 10:46

La variable es global porque está declarada por fuera de la función. Igualmente uso this y no la variable dentro de la misma