一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

js实现功能比较全面的全选和多选

时间:2017-05-16 编辑:简简单单 来源:一聚教程网

效果图:

代码如下:

 

 代码如下 复制代码

 

 

 

 

 

 

 水果

 奶茶

 香蕉

 橘子

 苹果

 梨子

 

 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();

 });

 });

 

 

 

热门栏目