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（复选框）是否被选中的方法？

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

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;
}

<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>

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>