百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>JS教程> checkbox全选js代码
分享文章到:

checkbox全选js代码

发布时间:01/15 来源: 浏览: 关键词:
文章提供一款js checkbox 全选代码同时还提供了一款取消全选实例代码,原理是取得checkbox长度现for就OK了。

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>checkbox全选js代码</title>
<script>
//列表checkbox全选
function unselectall()
{
    if(document.myform.chkall.checked){
 document.myform.chkall.checked = document.myform.chkall.checked&0;
    }  
}
function checkall(form)
{
 for (var i=0;i<form.elements.length;i++){
    var e = form.elements[i];
    if (e.name != "chkall"&&e.disabled==false)
       e.checked = form.chkall.checked;
    }
}

</script>
</head>

<body>
<form name="myform">
  <p>
    <input type="checkbox" name="chkall" id="chkall" />
   
    <input type="checkbox" name="chkall" id="chkall2" />
    <input type="checkbox" name="chkall" id="chkall3" />
    <input type="checkbox" name="chkall" id="chkall4" />
    <input type="checkbox" name="chkall" id="chkall5" />
    <input type="checkbox" name="chkall" id="chkall6" />
    <input type="checkbox" name="chkall" id="chkall7" />
    <input type="checkbox" name="chkall" id="chkall8" />
    <input type="checkbox" name="chkall" id="chkall9" />
    <input type="checkbox" name="chkall" id="chkall10" />
    <input type="checkbox" name="chkall" id="chkall11" />
    <input name="" type="button" onclick="checkall(this.form)"  value="全选"/>
  </p>
  <p><a href="网页特效:checkall('myform');">全选</a> <a href="javascript:unselectall('myform');">取消全选</a></p>
</form>
</body>
</html>

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有7人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板