jQuery实现全选、全不选以及反选操作

在写购物车案例时实现全选操作使用的是js的getAttribute()setAttribute()方法获取checked属性的值是undefined实现完成之后全选操作,如果在全选中的情况下改变其中一个的状态再点击全选,之前被取消的将不在被选中。之后使用js的DOM.checked属相的获得是true或false,操作很方便,很完美没有bug。

  学了jquery后单独实现下全选、全不选、反选操作。

  代码,如下:



   
   
   
    Document


   

我的爱好


   

           

  •             全选 全不选 
                反选 
           

  •        
  • 篮球

  •        
  • 足球

  •        
  • 排球

  •        
  • 羽毛球

  •        
  • 乒乓球

  •         
       

   
   

 

jQuery实现全选、全不选以及反选操作_第1张图片

你可能感兴趣的:(js,js,复选框全选)