求这么一个复选框限制js

做在线问卷功能. 需要用到如下功能. 复选框是单选的.. 如 :  
第一题 (html页面的name值为 question)
      a:选项  (html页面的name值为 answer)
      b:选项  (html页面的name值为 answer)
      c:选项  (html页面的name值为 answer)
第二题 (html页面的name值为 question)
      a:选项  (html页面的name值为 answer)
      b:选项  (html页面的name值为 answer)
      c:选项  (html页面的name值为 answer)其中html中. 题目的name是一样的. 选项的name也是一样的. 想实现的就是 每题都不能为空 且有一个单选选项. 
           

解决方案 »

  1.   

    你这种情况，既然是互斥，就要用radio<!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>
      第一题 (html页面的name值为 question)<br/>
      <INPUT TYPE="radio" NAME="tm1">a:选项 (html页面的name值为 answer)<br/>
      <INPUT TYPE="radio" NAME="tm1">b:选项 (html页面的name值为 answer)<br/>
      <INPUT TYPE="radio" NAME="tm1">c:选项 (html页面的name值为 answer)<br/>
      第二题 (html页面的name值为 question)<br/>
      <INPUT TYPE="radio" NAME="tm2">a:选项 (html页面的name值为 answer)<br/>
      <INPUT TYPE="radio" NAME="tm2">b:选项 (html页面的name值为 answer)<br/>
      <INPUT TYPE="radio" NAME="tm2">c:选项 (html页面的name值为 answer)<br/>  <INPUT TYPE="button" VALUE="提交" ONCLICK="check()">
      <SCRIPT LANGUAGE="JavaScript">
      <!--
    function check(){
    var tmpRadio;
    var k=0;

    for(var i=1;i<10;i++){
    k=0;
    tmpRadio = document.getElementsByName("tm"+i);
    if(tmpRadio.length!=0)
    {
    for(var j=0;j<tmpRadio.length;j++){
    if(tmpRadio[j].checked){
    k++;
    }
    }
    if(k==0){
    alert("第"+i+"组的问题没有选择答案！");
    break;
    }
    }
    }
    }
      //-->
      </SCRIPT> </BODY>
    </HTML>
      

  2.   


    <html><head>
    <script type="text/javascript" src="/Script/jquery-1.4.2.js">
    </script>
    <script language="javascript" type="text/javascript">function funfun(el)
    {
    var tmp=document.getElementById(el.id);

    var tmpp=tmp.getElementsByTagName("input");
    var pos=0;
    for(var i=0;i<tmpp.length;i++)
    {
       if(tmpp[i].type=="checkbox")
    {
       if(tmpp[i].checked==true)
    {
            pos=i;
       }
    }
    } for(var i=0;i<tmpp.length;i++)
    {        if(tmpp[i].type=="checkbox")
    {
      tmpp[i].checked=false;
      tmpp[pos].checked=true;
    }
    }  
    }</script>
    </head>
    <body>
    <form name=myform>
    <div   id="1" onchange="javascript:funfun(this);">
    <input type="text" value="问题一" name="question">
    <br>
    <input type="checkbox" name="answer" >
    <br><input type="checkbox" name="answer" >
    <br><input type="checkbox" name="answer" >
    <br></div>
    <div   id="2" onchange="javascript:funfun(this);">
    <input type="text" value="问题一" name="question">
    <br>
    <input type="checkbox" name="answer" >
    <br><input type="checkbox" name="answer" >
    <br><input type="checkbox" name="answer" >
    <br></div>
    <div   id="3" onchange="javascript:funfun(this);">
    <input type="text" value="问题一" name="question">
    <br>
    <input type="checkbox" name="answer" >
    <br><input type="checkbox" name="answer" >
    <br><input type="checkbox" name="answer" >
    <br></div>
    <input type="submit" value="提交">
    </form></body>
    </html>
      

  3.   

    第一题 (html页面的name值为 question)<br/>
      <INPUT TYPE="radio" NAME="tm1">a:选项 (html页面的name值为 answer)<br/>
      <INPUT TYPE="radio" NAME="tm1">b:选项 (html页面的name值为 answer)<br/>
      <INPUT TYPE="radio" NAME="tm1">c:选项 (html页面的name值为 answer)<br/>
      第二题 (html页面的name值为 question)<br/>
      <INPUT TYPE="radio" NAME="tm2">a:选项 (html页面的name值为 answer)<br/>
      <INPUT TYPE="radio" NAME="tm2">b:选项 (html页面的name值为 answer)<br/>
      <INPUT TYPE="radio" NAME="tm2">c:选项 (html页面的name值为 answer)<br/>
      

  4.   

    <html>
    <head>
    <script type="text/javascript">
    function clickCheckbox(chk){
    var els = chk.parentNode.childNodes;
    var len = els.length;
    for (var i = 0; i < len; i++){
    if (!!els[i].tagName && els[i].tagName == 'INPUT'){
    if (els[i].type == 'checkbox') {
    els[i].checked = false;
    }
    }
    }
    chk.checked = true;
    }
    </script>
    </head>
    <body>
    <div>
    <input type="text" name="question" value="问题1" /><br/>
    <input type="checkbox" name="answer" value="答案1" onclick="clickCheckbox(this)" />答案1<br/>
    <input type="checkbox" name="answer" value="答案2" onclick="clickCheckbox(this)" />答案2<br/>
    <input type="checkbox" name="answer" value="答案3" onclick="clickCheckbox(this)" />答案3
    </div>

    <div>
    <input type="text" name="question" value="问题2" /><br/>
    <input type="checkbox" name="answer" value="答案1" onclick="clickCheckbox(this)" />答案1<br/>
    <input type="checkbox" name="answer" value="答案2" onclick="clickCheckbox(this)" />答案2<br/>
    <input type="checkbox" name="answer" value="答案3" onclick="clickCheckbox(this)" />答案3
    </div>

    <div>
    <input type="text" name="question" value="问题3" /><br/>
    <input type="checkbox" name="answer" value="答案1" onclick="clickCheckbox(this)" />答案1<br/>
    <input type="checkbox" name="answer" value="答案2" onclick="clickCheckbox(this)" />答案2<br/>
    <input type="checkbox" name="answer" value="答案3" onclick="clickCheckbox(this)" />答案3
    </div>
    </body>
    </html>