7

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

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

是否可以？如何？

谢谢。

4

9 回答 9

11

首先，不要javascript:在事件处理程序属性中使用。这是错误的，并且仅因为它恰好是有效的 JavaScript 语法才有效。其次，你id的无效。属性中不允许使用括号id（至少在 HTML 4 中；HTML 5 取消了此限制）。click()第三，如果您使用 jQuery，使用它的方法来处理事件可能是有意义的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!");
        }
    });
});
于 2010-10-27T10:33:30.557 回答
11

你也可以使用这个

if($("#checkbox_id").is(':checked'))
于 2012-07-19T08:36:47.823 回答
6

你可以这样做

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

或使用is()方法：

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

如果要对表单中的所有复选框执行此操作，可以使用:checkbox过滤器选择器，如下所示：

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

确保将您的代码包装在准备好的处理程序中：

$(function(){
  // code....
});
于 2010-10-27T10:25:34.783 回答
3

有几种选择，例如....

1. if($("#ans").is('checked')) 
 2. if($("#ans:checked"))
 3. if($('input:checkbox:checked'))
于 2016-09-19T09:30:52.467 回答
2

首先，将事件绑定在脚本标签中，而不是内联。这更容易理解，并使您的 HTML 更具可读性。 然后可以使用 jQuery 选择器:checked来判断复选框是否被选中。 然后你可以使用checked元素的属性。

$(document).ready(function(){
    $('#Public(Web)').click(function(){
        if (this.checked) {
            // do your code here
        }
    });
});
于 2010-10-27T10:28:45.617 回答
1

试试这个：

if(!$('#elementid').is(':checked')){
    alert('Not checked');
}else{
    alert('checked');
}
于 2016-10-19T10:49:14.700 回答
1

您可以使用以下is()方法执行此操作：

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

如果要对表单中的所有复选框执行此操作，可以使用:checkbox过滤器选择器：

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

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

 $(document).ready(function() {
      // code....
  });
于 2017-06-15T07:48:03.850 回答
0

这是另一个示例，请注意，与其在元素本身中使用 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>
于 2010-10-27T10:38:48.173 回答
0

html

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

jQuery

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


 $("#chkBox").change(function() {
 if (this.checked) {
     alert("Checked");
     }
     else {
         alert("Not Checked")
         }
       });
    
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" id="chkBox" checked/> Change Check Box

于 2018-05-28T09:41:13.330 回答