checkbox

<script language="javaScript"> 
   
      全选或全部不选
      function checkall(){
        var isChecked=(document.ck.checkAll.checked == true);
        var elements=document.ck.elements;
        var counter=elements.length;
        for(i=0;i<counter;i++){
            var element=elements[i]; 
            判断是否是复选框 ,如果不是复选框则不全选是不能被选中
            if(element.type=="checkbox"){
             element.checked=isChecked;            
            }
        }
       } 
    
   获得选中的值
   function ckchecked(){  
  var subjectelement = document.getElementsByName("subject");
  for(var i=0;i<subjectelement.length;i++){
   if(subjectelement[i].checked){
    alert(subjectelement[i].value)
   }
  }
 }
 
  </script>

<body>
<form id="ck" name="form1" method="post" action="bb.html">
  
  多项选择框列表:
  <br />
  <br />
  全选:<input type="checkbox" id="checkAll" οnclick="return checkall()" />
  <br />
  <br />
  <input name="subject" type="checkbox" value="语文" /> 语文
  <br />
  <input name="subject" type="checkbox" value="数学" /> 数学
  <br />
  <input name="subject" type="checkbox" value="化学" /> 化学
  <br />
  <input name="subject" type="radio" value="asd" />asd
  <br />
  <input name="Submit" type="submit" value="submit" οnclick="return ckchecked()">
</form>
</body>
<script type=text/javascript charset=utf-8 src="http://static.bshare.cn/b/buttonLite.js#style=-1&uuid=&pophcol=3&lang=zh"></script> <script type=text/javascript charset=utf-8 src="http://static.bshare.cn/b/bshareC0.js"></script>
阅读(386) | 评论(0) | 转发(0) |
0

上一篇:menu

下一篇:select

给主人留下些什么吧!~~
评论热议
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值