Question

我尝试过各种方法让我的复选框在点击后进行检查。

以下适用于文档准备工作：

$('input[name=foo]').attr("checked","checked");

然而，只要我用click事件包围它，复选框就不会保持检查状态。在点击时他们检查（按照他们应该），然后立即取消选中。

$("#selectall").click(function(){
$('input[name=foo]').attr("checked","checked");
});

我的HTML：

<form id="frm1">
<input type="checkbox" name="foo" value="bar" />
</form>

Answer 1

使用...

[type=checkbox]    

$("#selectall").click( function(){ $('input[type=checkbox]').attr("checked","checked"); } );

Answer 2

试试这个使用.prop()代替.attr()

<强> HTML

<input id="selectall" type="checkbox" name="foo" value="bar">Select ALL

    <form id="form1">
       <input type="checkbox" name="foo" value="bar" />
       <input type="checkbox" name="foo" value="bar" /> 
       <input type="checkbox" name="foo" value="bar" /> 
       <input type="checkbox" name="foo" value="bar" />
    </form>

<强>的javascript

$("#selectall").click(function() {
    $('#form1 input[type=checkbox]').prop("checked", this.checked);
});

<强> Check Fiddle

获取复选框以在单击时保持选中状态

2 个答案: