php 复选框 单选 全选,js实现功能比较全面的全选和多选

效果图：

代码如下：

水果

奶茶

香蕉

橘子

苹果

梨子

function quanxuan(){

var $checkbox = $(".item");

var $checked = $checkbox.filter(":checked");

if($checkbox.length == $checked.length){

$("#checkbox").prop("checked",true);

}else{

$("#checkbox").prop("checked",false);

}

}

$(function(){

$("#checkbox").on("change",function(){

var checked = $(this).prop("checked"); // true / false

$(".item").prop("checked",checked);

quanxuan();

});

$("body").on("change" , ".item",function(e){

quanxuan();

});

});

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！