compruebe si la casilla de verificación está marcada o no usando jquery

Quiero comprobar si la casilla de verificación está marcada o no usando jquery. Quiero verificarlo en el evento onclick de la casilla de verificación.compruebe si la casilla de verificación está marcada o no usando jquery

<input type="checkbox" onclick="javascript:check_action();" id="Public(Web)" checked="checked" value="anyone" name="data[anyone]">

¿Es posible? ¿Cómo?

Gracias.

Fuente

2010-10-27 gautamlakum

No utilice 'javascript:' en el caso de los atributos manejador. Está mal y solo funciona porque resulta ser una sintaxis válida de JavaScript. –

id = "Público (web)" no es un nombre de identificación válido. Los tokens de ID y NAME deben comenzar con una letra ([A-Za-z]) y pueden ir seguidos de cualquier cantidad de letras, dígitos ([0-9]), guiones ("-"), guiones bajos ("_") , dos puntos (":") y puntos ("."). –

@FutureKode: en HTML 4, sí. En HTML 5, no. Pero en el futuro previsible, tienes toda la razón –

En primer lugar, no utilice javascript: en atributos controlador de eventos. Está mal y solo funciona porque resulta ser una sintaxis válida de JavaScript. En segundo lugar, su id no es válido. Los paréntesis no están permitidos en el atributo id (en HTML 4 como mínimo, HTML 5 levanta esta restricción). En tercer lugar, si está utilizando jQuery, probablemente tenga sentido usar su método click() para manejar el evento click, aunque tenga en cuenta que cambiarlo significará que si el usuario hace clic en la casilla antes de que el documento se haya cargado, entonces su script no lo manejará

<input type="checkbox" id="Public_Web" checked value="anyone" 
    name="data[anyone]"> 

$(document).ready(function() { 
    $("#Public_Web").click(function() { 
     if (this.checked) { 
      alert("Checked!"); 
     } 
    }); 
});

Fuente

2010-10-27 10:33:30

Oye, esto funcionó. Gracias por esta buena. Gracias a todos los que respondieron por esto. – gautamlakum

Puede hacer como esto

$('#checkbox_id').click(function(){ 
    alert(this.checked); 
});

O usando is() método:

$('#checkbox_id').click(function(){ 
    if ($(this).is(':checked')){ 
    alert('Checked'); 
    } 
    else{ 
    alert('Not Checked'); 
    } 
});

Si usted quiere hacer esto para todos casilla de verificación dentro de un formulario, puede utilizar el selector :checkbox filtro como éste :

$('#form_id :checkbox').click(function(){ 
    alert(this.checked); 
});

Asegúrese de envolver su código en listo manejador:

$(function(){ 
    // code.... 
});

Fuente

2010-10-27 10:25:34 Sarfraz

Intenté esto. pero no funcionó. – gautamlakum

En primer lugar, enlazar el evento en etiquetas de secuencia de comandos, en lugar de en línea. Esto es mucho más fácil de seguir y hace que su HTML sea mucho más legible. ~~Luego puede usar el selector jQuery :checked para determinar si la casilla de verificación está marcada.~~ Luego puede usar el atributo checked del elemento.

$(document).ready(function(){ 
    $('#Public(Web)').click(function(){ 
     if (this.checked) { 
      // do your code here 
     } 
    }); 
});

Fuente

2010-10-27 10:28:45 lonesomeday

En serio, no. Para verificar si una casilla de verificación está marcada, '$ (this) .is (': checked')' es simplemente una locura. 'this.checked' es mejor en todo sentido concebible. –

Sí. Perdónenme, JS dioses, porque he pecado ... – lonesomeday

Sarcasmo, supongo? '$ (this) .is (': checked')' es una de mis preocupaciones, como un síntoma de lo que representa. ¿Necesito elaborar? –

Aquí es otro ejemplo, el aviso en lugar de utilizar un evento de clic en el propio elemento i preferiría usar un oyente, pero quitar los soportes del ello, se le dará un tiempo difícil en algunos navegadores.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html><head> 
<input type="checkbox" id="PublicWeb" checked="checked" value="anyone" name="data[anyone]" /> 
<script type='text/javascript' src='http://code.jquery.com/jquery-latest.min.js'></script> 
<script> 
$(document).ready(function(){ 
    $('#PublicWeb').click(function(){ 
     if($(this).is(':checked')){ 
      alert("its checked alright"); 
     } 
    }); 
}); 
</script> 
</head><body></body></html>

Fuente

2010-10-27 10:38:48 Hannes

También puede utilizar este

if($("#checkbox_id").is(':checked'))

Fuente

2012-07-19 08:36:47

hay varias opciones están ahí como ....

1. if($("#ans").is('checked')) 
2. if($("#ans:checked")) 
3. if($('input:checkbox:checked'))

Fuente

2016-09-19 09:30:52

intenta esto:

if(!$('#elementid').is(':checked')){ 
    alert('Not checked'); 
}else{ 
    alert('checked'); 
}

Fuente

2016-10-19 10:49:14 Prabhagaran

Usted puede hacer esto utilizando is() método:

$('##Public_Web').click(function(){ 
    if ($(this).is(':checked')){ 
    alert('Checked'); 
    } 
    else{ 
    alert('Not Checked'); 
    } 
});

Si usted quiere hacer esto para todos casilla de verificación dentro de un formulario, puede utilizar la :checkbox selector de filtro:

$('#form_id :checkbox').click(function(){ 
    alert(this.checked); 
});

Asegúrese de envolver su código en el documento manejador de listas:

$(document).ready(function() { 
     // code.... 
    });

Fuente

2017-06-15 07:48:03 Faisal

compruebe si la casilla de verificación está marcada o no usando jquery

Respuesta

Cuestiones relacionadas