Javascript 点击多选框功能

Javascript 点击多选框功能,javascript,jquery,html,Javascript,Jquery,Html,我正在制作一个像这样的多选框 我添加了字段“全部选择/全部取消选择”,并使用以下代码添加了类“selectAllBox”: $("label[for='Items_option_1']").addClass("selctAllBox"); $("label[for='Items_option_1']").parent().addClass("selctAllBox") 结果: <li tabindex="-1" class="k-item selctAllBox" role="optio

我正在制作一个像这样的多选框

我添加了字段“全部选择/全部取消选择”,并使用以下代码添加了类“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>


我做错了什么?

如果您的函数工作正常

您可以在单击
selctAllBox
类时调用它

代码如下:

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

尝试
$('input[name=“Items\u option\u 1”]')。更改(取消选择全部)我也试过了,但什么也没发生我真的不知道我做错了什么
$("input[name="Items_option_1"]:checkbox").click(deselectSelectAll);
$(".selctAllBox").click(deselectSelectAll);