2011-08-29 31 views
18

No conozco la terminología correcta para esto, pero quiero el mismo efecto que onclick pero para una casilla de verificación con jquery o javascript.casilla de verificación jquery o javascript oncheck?

versión onclick:

<a href="..." onclick="function()">Link</a> 

Quiero el mismo efecto que el anterior pero para una casilla de verificación. El resultado final será que la página debería volver a cargarse con una consulta php actualizada, pero esa parte puedo hacer. Simplemente no sé qué es el clic para casillas de verificación.

casilla:

<input type="checkbox" name="change" value="one" />changes php query 

Respuesta

3
$('#input_id').click(function() { 
    // do what you want here... 
}); 
+0

tendrá la función de ejecución cuando una casilla de verificación está marcada y sin marcar? – cbr0wn

+0

Se ejecutará cuando solo haga clic, sin importar si marca o desmarca. –

+1

Sé que no fue parte de la pregunta original, pero podría valer la pena mencionar que si tiene una 'etiqueta' coincidente con su casilla de verificación, también deberá agregar una función' .click() 'allí también. –

48

Usted debe escuchar al evento change, como la casilla de verificación se puede seleccionar o anular la selección con el teclado también:

$('input[type="checkbox"][name="change"]').change(function() { 
    if(this.checked) { 
     // do something when checked 
    } 
}); 

Lo mismo ocurre con sencillo JavaScript:

// checkbox is a reference to the element 

checkbox.onchange = function() { 
    if(this.checked) { 
     // do something when checked 
    } 
}; 

Y por último, a pesar de que realmente no debería utilizar controladores de eventos en línea, pero si usted tiene que:

<input ... onchange="handler.call(this)" /> 

donde handler es como los manipuladores se muestran arriba.


Más información:

+2

+1, también puede alternar la casilla de verificación haciendo clic en una etiqueta coincidente, que las otras respuestas no consideran. Esta es definitivamente la mejor respuesta. –

Cuestiones relacionadas