复选框功能：全选，全不选，有一个不选则全选不选

JS：

/**

 * 全选，全不选复选框

 */

 function selAll(){

 var allcheckBoxs=document.getElementsByName("subcheck");  

    var select=document.getElementsByName("che");  

    if(select[0].checked){ //，每一个都选择，全选按钮被选择

       for(var i=0;i<allcheckBoxs.length;i++){  

         allcheckBoxs[i].checked = true;  

       }  

    }else{  //有一个不选择，全选按钮则不选择

      for(var i=0;i<allcheckBoxs.length;i++){  

        allcheckBoxs[i].checked = false;  

      }  

    }  

}

/**

 * 如果有一个不选则全选不选

 */

function funSelOne(){

var one=document.getElementsByName("subcheck");

var all=document.getElementsByName("che")[0]

var selCount=0;

var unSelCount=0;

for(var i=0;i<one.length;i++){

 if(one[i].checked==true){

  selCount++;

 }

 if(one[i].checked==false){

  unSelCount++;

 }

 if(selCount==one.length){

  all.checked=true;

 }

 if(unSelCount>0){

  all.checked=false;

 }

}

}

Jsp:

<th class="center">

 <label>

<input name="che" type="checkbox" id="che" οnclick="selAll()"  class="ace">

<span class="lbl"></span>

 </label>

</th>

 

<tr>

<td class="center"><label>

<input type="checkbox" class="ace" id="subcheck" name="subcheck" value="${article.id}"  οnclick='funSelOne(this)' />

<span  class="lbl"></span>

</label></td>

</tr>

转载于:https://my.oschina.net/u/3727427/blog/1800977