html或jsp页面复选框全选js脚本

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/shangshaohui2009/article/details/89471597

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
    //全选
    function allSelect(itemNameStr1,itemNameStr2){
        //alert(itemNameStr1+"===="+itemNameStr2);
        var allsb= document.getElementsByName(itemNameStr1);
        var state = allsb[0].checked;
        
        var itemName= document.getElementsByName(itemNameStr2);
        var length = itemName.length;
        
        if(length){
            for(var i=0;i<length;i++){
                itemName[i].checked=state;
            }
        }else{
            itemName.checked=state;
        }
    }
    
    //判断所有的items是否都被选中 然后来决定全选按钮是否需要被选中
    function aa(itemNameStr1,itemNameStr2){
        var all = document.getElementsByName(itemNameStr1);
        var d = document.getElementsByName(itemNameStr2);
        
        var len = d.length;
        var b = true;
        
        if(len==undefined){
            b=d.checked;
        }else{
            for(var i=0; i<len; i++){
                b = b&&d[i].checked;
            }
        }
        if(b){
            all[0].checked = true;
        }else{
            all[0].checked = false;
        }
    }
//-->

</SCRIPT>

 </HEAD>

 <BODY>
  <table>
    <tr>
     <td colspan="5"><INPUT TYPE="checkbox" NAME="allselectbox" onclick="javascript:allSelect('allselectbox','roleCodes')">全选</td>
    </tr>
    <tr>
    <td><INPUT TYPE="checkbox"  name="roleCodes" onclick="aa('allselectbox','roleCodes')">苹果</td>
    <td><INPUT TYPE="checkbox"  name="roleCodes" onclick="aa('allselectbox','roleCodes')">梨子</td>
    <td><INPUT TYPE="checkbox"  name="roleCodes" onclick="aa('allselectbox','roleCodes')">香蕉</td>
    <td><INPUT TYPE="checkbox"  name="roleCodes" onclick="aa('allselectbox','roleCodes')">樱桃</td>
    <td><INPUT TYPE="checkbox"  name="roleCodes" onclick="aa('allselectbox','roleCodes')">菠萝</td>
    </tr>
  </table>
 </BODY>
</HTML>
 

猜你喜欢

转载自blog.csdn.net/shangshaohui2009/article/details/89471597
今日推荐