Javascript 使用jquery检查是否选中复选框_Javascript_Jquery_Html_Checkbox_Checked

Javascript 使用jquery检查是否选中复选框

javascript jquery html checkbox

Javascript 使用jquery检查是否选中复选框,javascript,jquery,html,checkbox,checked,Javascript,Jquery,Html,Checkbox,Checked,我想检查是否使用jquery选中了复选框。我想在checkbox的onclick事件中检查它 <input type="checkbox" onclick="javascript:check_action();" id="Public(Web)" checked="checked" value="anyone" name="data[anyone]"> 可能吗？怎么做谢谢。你可以这样做 $('#checkbox_id').click(function(){ alert(t

我想检查是否使用jquery选中了复选框。我想在checkbox的onclick事件中检查它

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

可能吗？怎么做

谢谢。

你可以这样做

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

或使用方法：

如果要对表单中的所有复选框执行此操作，可以使用如下所示的

：checkbox

过滤器选择器：

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

确保将代码包装在就绪处理程序中：

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

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

首先，在脚本标记中绑定事件，而不是内联。这更容易理解，并且使HTML更具可读性。然后可以使用jQuery选择器

：checked

确定是否选中该复选框。然后可以使用元素的

checked

属性

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

首先，不要在事件处理程序属性中使用

javascript:

。这是错误的，只因为它恰好是有效的JavaScript语法才起作用。其次，您的

id

无效。

id

属性中不允许使用括号（至少在HTML4中；HTML5解除了此限制）。第三，如果您正在使用jQuery，那么使用它的

click（）

方法来处理

click

事件可能是有意义的，不过请注意，如果将其更改为这样做，则意味着如果用户在加载文档之前单击复选框，那么脚本将无法处理它

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

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


$（文档）.ready（函数（）{
$（“#公共网站”）。单击（函数（）{
如果（选中此项）{
警报（“已检查！”）；
}
});
});

这里是另一个例子，请注意，与其在元素本身中使用onClick事件，我更喜欢使用监听器，但要从id中删除括号，在某些浏览器中这会给您带来困难

<!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>


$（文档）.ready（函数（）{
$（'#PublicWeb'）。单击（函数（）{
如果（$（this）.is（':checked'））{
警报（“已检查正常”）；
}
});
});

您也可以使用此

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

有几种选择，比如

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

试试这个：

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

可以使用以下方法执行此操作：

如果要对表单中的所有复选框执行此操作，可以使用

：复选框

过滤器选择器：

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

确保将代码包装在文档就绪处理程序中：

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

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

html

$（“#chkBox”）.change（函数（）{
如果（选中此项）{
警报（“已检查”）；
}
否则{
警报（“未检查”）
}
});


更改复选框

不要在事件处理程序属性中使用

javascript:

。这是错误的，只因为它恰好是有效的JavaScript语法才起作用。id=“Public（Web）”不是有效的id名称。ID和名称标记必须以字母（[a-Za-z]）开头，后面可以跟任意数量的字母、数字（[0-9]）、连字符（“-”）、下划线（“）、冒号（：”）和句点（“.”）。@FutureKode:在HTML 4中，是的。在HTML5中，没有。但在可预见的未来，您绝对正确$（#Public（Web））。单击（函数（）{if（$（this）.is（':checked'））{alert（'checked'）；}否则{alert（'notchecked'）；}）；我试过这个。但是它没有起作用。说真的，没有。对于检查单个复选框是否被选中，

$（this）.is（“：checked”）

简直是疯了<代码>这个。检查在任何可以想象的意义上都更好。我想是讽刺吧

$（this）.is（“：checked”）

是我的一个讨厌的东西，作为它所代表的症状。我需要详细说明吗？一点也不讽刺——看看我的变化！啊，好的。我进入了宠物愤怒隧道视觉攻击模式。对不起，嘿，这起作用了。谢谢你的好意。感谢所有对此负责的人。

 <input type="checkbox" id="chkBox" checked/> Change Check Box

$("#chkBox").change(function() {
     if (this.checked) {
         alert("Checked");
         }
         else {
             alert("Not Checked")
             }
           });