单击功能上的多选框

Question

我正在开发像这样的多选框http://jsfiddle.net/bDvkQ/1038/。

我添加了“Select / Deselect All”字段，并使用以下代码添加了“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课程。

代码是这样的：

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

Answer 2

我发现了问题。

这是解决方案：

$(document).ready(function () {
    $(".selctAllBox").click(deselectSelectAll);  
});