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

Question

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

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

有可能吗？多么?

谢谢。

Answer 1

首先，不要在事件处理程序属性中使用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!");
        }
    });
});

Answer 2

您还可以使用以下代码

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

Answer 3

你可以这样做

$('#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);
});

确保将代码包装在ready handler中：

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