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

<!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" οnclick="javascript:allSelect('allselectbox','roleCodes')">全选</td>
    </tr>
    <tr>
    <td><INPUT TYPE="checkbox"  name="roleCodes" οnclick="aa('allselectbox','roleCodes')">苹果</td>
    <td><INPUT TYPE="checkbox"  name="roleCodes" οnclick="aa('allselectbox','roleCodes')">梨子</td>
    <td><INPUT TYPE="checkbox"  name="roleCodes" οnclick="aa('allselectbox','roleCodes')">香蕉</td>
    <td><INPUT TYPE="checkbox"  name="roleCodes" οnclick="aa('allselectbox','roleCodes')">樱桃</td>
    <td><INPUT TYPE="checkbox"  name="roleCodes" οnclick="aa('allselectbox','roleCodes')">菠萝</td>
    </tr>
  </table>
 </BODY>
</HTML>
 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值