在单击锚标记时，应选中复选框

Question

。 。我想执行一个代码，其中点击一个锚标记。 。应检查所有复选框。并且再次单击锚标记，复选框应该取消选中。

HTML

<a id="checkAll">Select All</a>

<input type="checkbox" name="item_check'.$item_id.'" value="'.$item_id.'">
<input type="checkbox" name="item_check'.$item_id.'" value="'.$item_id.'">

JS

$(document).ready(function () {
$("#checkAll").click(function () {
    $("input:checkbox").prop('checked', $(this).prop('checked'));
});
});

Answer 1

你有一个锚，所以它没有checked属性：

$("input:checkbox").prop('checked', true);

如果锚只是＆＃34;全部检查＆＃34;，则将属性设置为true

小提琴：http://jsfiddle.net/yV6Lj/

Answer 2

我建议使用按钮

<强>锚

<a id="checkAll" href="#">Select All</a>

<input type="checkbox" name="item_check'.$item_id.'" value="'.$item_id.'">
<input type="checkbox" name="item_check'.$item_id.'" value="'.$item_id.'">


$(document).ready(function () {
    $("#checkAll").click(function () {
        $("input:checkbox").prop('checked', true);
    });
});

按钮

<button id="buttonCheckAll">Check All</button>
<input type="checkbox" name="item_check'.$item_id.'" value="'.$item_id.'">
<input type="checkbox" name="item_check'.$item_id.'" value="'.$item_id.'">

$(document).ready(function () {
    $("#checkAll").click(function () {
        $("input:checkbox").prop('checked', true);
    });
});