再提checkbox问题

<script language=javascript>
function judge()
{
   var abc=document.getElementsByName("abc");
   var ecf=document.getElementsByName("ecf");
   for (i=0;i<abc.length;i++)
   {
       if (abc[i].checked&&ecf[i].checked) 
   {
    alert("第"+parseInt(i+1)+"组选择有错！")
//可加上其他动作
break;
return false;
   }
   }
   return true;
}
</script>
<input type="checkbox" name="abc" >删除
<input type="checkbox" name="ecf" >推荐<br>
<input type="checkbox" name="abc" >删除
<input type="checkbox" name="ecf" >推荐<br>
<input type="checkbox" name="abc" >删除
<input type="checkbox" name="ecf" >推荐<br>
<input type="checkbox" name="abc" >删除
<input type="checkbox" name="ecf" >推荐<br>
<input type="checkbox" name="abc" >删除
<input type="checkbox" name="ecf" >推荐<br>
<input type="checkbox" name="abc"  >删除
<input type="checkbox" name="ecf" >推荐<br>
<input type="button" onClick="judge()" value="click">

解决方案 »

  1.   

    <!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="">
    </HEAD><BODY>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function chk(i){
    if(document.all.abc[i].checked && document.all.ecf[i].checked){
    window.event.srcElement.checked = false;
    alert('每组最多只能选择1个');
    }
    }
    //-->
    </SCRIPT>
    <%
    for i = 0 to 9
    response.write "<input type=checkbox name=ecf onclick=chk(" & i & ")>推荐<input type=checkbox name=abc onclick=chk(" & i & ")>删除<br>"
    next
    %>
    </BODY>
    </HTML>
      

  2.   

    //校验有些麻烦,直接控制就可以,也不影响速度<script language=javascript>
    function doClick()
    {
    var eventObj=window.event.srcElement;
    if(eventObj.checked==false) return ;
    var td=eventObj.parentElement;
    var cellIndex=td.cellIndex;
    if(cellIndex==0){
    td.parentElement.cells[1].children[0].checked=false;
    }else{
    td.parentElement.cells[0].children[0].checked=false;
    }
    }
    </script>
     <table cellpadding=0 cellspacing=0 border=1 width="300">
     <tr>
      <td><input type="checkbox" name="abc" onclick="doClick()">删除</td>
      <td><input type="checkbox" name="ecf" onclick="doClick()">推荐</td>
     </tr>
     <tr>
      <td><input type="checkbox" name="abc" onclick="doClick()">删除</td>
      <td><input type="checkbox" name="ecf" onclick="doClick()">推荐</td>
     </tr>
     </table>