黑马程序员技术交流社区

标题: 用Javascript在Html中怎么验证checkbox？ [打印本页]

---

作者: 苟于伟    时间: 2013-5-17 01:29
标题: 用Javascript在Html中怎么验证checkbox？

1. <form>
   
2. <table>
   
3. <tr><td>爱　好：</td><td><label for="ds">登山</label><input type="checkbox" id="ds" />   <label for="nq">篮球</label><input type="checkbox" id="nq" />   <label for="zq">足球</label><input type="checkbox" id="zq" />   <label for="ds1">读书</label><input type="checkbox" id="ds1" />   <label for="yy">游泳</label><input type="checkbox" id="yy" /></td></tr>
   
4. </table>
   
5. </form>

复制代码

用Javascript在Html中怎么验证checkbox（复选框）是否被选中的方法？

111111.jpg (4.92 KB, 下载次数: 0)

下载附件

2013-5-17 01:27 上传

JS验证这两项是否被选中，用alert弹出选中的项

---

作者: SOAR    时间: 2013-5-17 07:19
首先你要拿到所有的checkbox，你可以给所有的checkbox增加一个name属性，同一类的checkbox，name应该相同，比如说你这到题目里就该将name取为interest，然后用js拿到一个checkbox的数组，然后挨个遍历，它有一个属性可以判断是否被选中checked。

---

作者: 许庭洲    时间: 2013-5-17 07:30


function isCheck()
{
      var obj=document.getElementsByName("checkbox_name");//根据自己的多选框名称修改下
      var  x=false;
      for(var i=0;i< obj.length;i++)
     {
           if(obj.checked)
           {
                  x = true;
                  alert("该项爱好被选中了。");//提示checkbox被选中
            }
      }
      return x;
}

---

作者: 张成智    时间: 2013-5-18 21:53

<Script>
   function Check()
    {
       var flag=false;
       var num = document.form1.elements.length;
       for (var i=0; i<num; i++)
           {
            if (document.form1.elements[i].checked)
              {
                   flag=true;
                   alert("被选中!");
               }
               return flag;
            }
        }
</Script>

---

作者: 吃肉的小浣熊    时间: 2013-5-18 22:45
function CheckAll(form,str){ var obj; obj = document.getElementById(str); for (var i=0;i<form.elements.length;i++) {  form.elements[i].checked = obj.checked; }}function unselectall(){ var obj; obj = document.getElementById("allchk"); if(obj.checked) {  obj.checked = obj.checked&0; }}<label><input id="allchk" name="allchk" onclick="CheckAll(this.form,this.name);" type="checkbox" />全 选</label>

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2