javascript - validacion - comprobar si la casilla de verificación está marcada o no usando jquery
validar formulario javascript antes de enviar (8)
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.
<input type="checkbox" onclick="javascript:check_action();" id="Public(Web)" checked="checked" value="anyone" name="data[anyone]">
¿Es posible? ¿Cómo?
Gracias.
Aquí hay otro ejemplo, observe en lugar de usar un evento onClick en el Elemento en sí mismo, preferiría usar un oyente, pero eliminar los corchetes de la identificación, le hará pasar un mal rato 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>
En primer lugar, no use javascript: en los atributos del controlador de eventos. Está mal y solo funciona porque resulta ser una sintaxis válida de JavaScript. Segundo, tu id no es válida. 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 utilizar 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 tu 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!");
}
});
});
En primer lugar, vincula el evento en etiquetas de script, 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 Luego puede usar el atributo :checked para determinar si la casilla de verificación está marcada.checked del elemento.
$(document).ready(function(){
$(''#Public(Web)'').click(function(){
if (this.checked) {
// do your code here
}
});
});
Hay varias opciones hay como ....
1. if($("#ans").is(''checked''))
2. if($("#ans:checked"))
3. if($(''input:checkbox:checked''))
Prueba esto:
if(!$(''#elementid'').is('':checked'')){
alert(''Not checked'');
}else{
alert(''checked'');
}
Puedes hacer esto
$(''#checkbox_id'').click(function(){
alert(this.checked);
});
O usando el método is() :
$(''#checkbox_id'').click(function(){
if ($(this).is('':checked'')){
alert(''Checked'');
}
else{
alert(''Not Checked'');
}
});
Si desea hacer esto para todas las casillas dentro de un formulario, puede usar el selector de filtro de :checkbox esta manera:
$(''#form_id :checkbox'').click(function(){
alert(this.checked);
});
Asegúrese de ajustar su código en el controlador listo:
$(function(){
// code....
});
Puedes hacer esto usando el método is() :
$(''##Public_Web'').click(function(){
if ($(this).is('':checked'')){
alert(''Checked'');
}
else{
alert(''Not Checked'');
}
});
Si desea hacer esto para todas las casillas dentro de un formulario, puede usar el selector de filtro de :checkbox :
$(''#form_id :checkbox'').click(function(){
alert(this.checked);
});
Asegúrese de ajustar su código en el controlador de documentos listos:
$(document).ready(function() {
// code....
});
También puedes usar esto
if($("#checkbox_id").is('':checked''))