Jquery实现复选框全选与全不选

1、首先web项目结构如图所示，这个结构熟悉的话可以自己调整的。

2、然后设置一些较为简单的选项框，这里随便用abcd来代替选项框了。

3、这里是jq来实现全选，所以引入jQuery，并且给按钮绑定一个jQuery类型的点击事件即可。

4、然后通过prop来设置input的属性即可设置全选了，prop是jq自带的一个方法。

5、因为CheckBox可以设置checked属性，所以我们把它设置为true即可。

6、最后预览，可以看到CheckBox都被checked中了，这样就达到全选了。

有两种方法，

①：点击事件；如：

<input type="checkbox" class="ck" />

$(".ck").click()

这样就能设置复选框选中；

②：设置其checked属性；如：

<input type="checkbox" class="ck" />

$(".ck").prop("checked",true)

这样就设置复选框选中

你可以在select控件的子节点上面绑定一个click的事件：

var optStr =“”

//比如子节点是一个div

$("#select").find("div").click(function(){

        //每次单击都获取选定值的数组 并拼接成逗号分割的字符串

        // 这样就不用每次都判断 选中或者取消的值是否在原字符串当中

        optStr = $.map($("#select").find("checkbox:checked").val(), function) {             return $(this).val()         }).get().join(",")

})

一个大概的思路，希望对你有帮助。

---