1. 程式人生 > >jquery 複選框,如果選中就為不選中,如果不選中就為選中。

jquery 複選框,如果選中就為不選中,如果不選中就為選中。

唉,生活無樂趣,程式碼更加無樂趣。每天一遍文章,督促自己要學習,要寫程式碼。


 $("#checkboxAll").bind("click",function(){ //繫結一個事件
    var checkboxs=$("[name=checkboxa]"); //找到name=checkboxa的屬性
    for(var ii=0;ii<checkboxs.length;ii++){// 迴圈ii 如果ii小於checkboxs的個數就一直迴圈
         var ee=checkboxs[ii]  //ee等於checkboxs
		 ee.checked=!ee.checked; //如果選中就為不選中,不選中就選中
		}
 });
 
})

<form action="1.html">
 <input type="checkbox" name="checkboxa" /> 西瓜
 <input type="checkbox" name="checkboxa" /> 蘋果
 <input type="checkbox" name="checkboxa" /> 芒果
 <input type="checkbox" name="checkboxa" /> 香蕉
 <br />
  <br />
 <input type="checkbox" name="checkbox" id="checkboxAll" /> 全選
 <br />
  <br />
</form>