javascript - 单击功能的多选框

Question

我正在研究像这样的多选框 http://jsfiddle.net/bDvkQ/1038/ .

我使用以下代码添加了“全选/取消全选”字段并添加了类“selectAllBox”:

$("label[for='Items_option_1']").addClass("selctAllBox");
$("label[for='Items_option_1']").parent().addClass("selctAllBox")

结果:

<li tabindex="-1" class="k-item selctAllBox" role="option" unselectable="on">
<input name="Items_option_1" type="checkbox" value="1">&nbsp;
<label class="selctAllBox" for="Items_option_1">Select/Deselect All</label>
</li>

我希望如果我选择“全选/取消全选”复选框，则取消选中所有复选框。我已经有一个函数可以做到这一点，但我现在不知道如何调用这个函数。我尝试这样做但没有任何反应:

 $("label[for='Items_option_1']").parent().click(deselectSelectAll);

或

$("input[name="Items_option_1"]:checkbox").click(deselectSelectAll);

我做错了什么？

Answer 1

如果你的函数工作正常，

可以调用selctAllBox类的onClick

代码是这样的:

$(".selctAllBox").click(deselectSelectAll);