选中radio限制下拉列表，高手来帮忙啊！


<!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=utf-8" />
<title>分组选择约束</title>
</head><body>
<table width="100%" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#CCCCCC" class="bian">
  <tr>
    <td height="42" colspan="4" bgcolor="#F7F7FE" class="biand"><strong>选择类型</strong></td>
  </tr>
  <tr>
    <td width="25%" height="27" align="right" bgcolor="#f7f7fe" class="bian_tlc"><input type="radio" name="RF" value="RF_1" checked="checked" /></td>
    <td height="27" colspan="3" bgcolor="#FFFFFF" class="biand_c">类型一</td>
  </tr>
  <tr>
    <td width="25%" height="27" align="right" bgcolor="#f7f7fe" class="bian_tlc">分组：</td>
    <td width="25%" height="27" bgcolor="#FFFFFF" class="biand_c"><select name="select1" id="select1">
      <option value="none" selected="selected">无</option>
      <option value="ShortName">简称</option>
      <option value="NameCn">中文名</option>
      <option value="CustName">客户</option>
    </select></td>
    <td width="25%" height="27" bgcolor="#FFFFFF" class="biand_c"><select name="select2" id="select2">
      <option value="none" selected="selected">无</option>
      <option value="ShortName">简称</option>
      <option value="Contact">联系人</option>
      <option value="Name">姓名</option>
    </select></td>
    <td width="25%" height="27" bgcolor="#FFFFFF" class="biand_c"><select name="select3" id="select3">
      <option value="none" selected="selected">无</option>
      <option value="Name">姓名</option>
      <option value="NameCn">中文名</option>
      <option value="CustName">客户</option>
    </select></td>
  </tr>
  <tr>
    <td height="27" align="right" bgcolor="#f7f7fe" class="bian_tlc"><input type="radio" name="RF" value="RF_2" /></td>
    <td height="27" colspan="3" bgcolor="#FFFFFF" class="biand_c">类型二</td>
  </tr>
<tr>
    <td height="27" align="right" bgcolor="#f7f7fe" class="bian_tlc"><input type="radio" name="RF" value="RF_3" /></td>
    <td height="27" colspan="3" bgcolor="#FFFFFF" class="biand_c">类型三</td>
    </tr>
<tr>
    <td height="27" align="right" bgcolor="#f7f7fe" class="bian_tlc"><input type="radio" name="RF" value="RF_4" /></td>
    <td height="27" colspan="3" bgcolor="#FFFFFF" class="biand_c">类型四</td>
    </tr>
<tr>
    <td height="27" align="right" bgcolor="#f7f7fe" class="bian_tlc"><input type="radio" name="RF" value="RF_5" /></td>
    <td height="27" colspan="3" bgcolor="#FFFFFF" class="biand_c">类型五</td>
    </tr>
<tr>
    <td height="27" align="right" bgcolor="#f7f7fe" class="bianr"><input type="radio" name="RF" value="RF_6" /></td>
    <td height="27" colspan="3" bgcolor="#FFFFFF">类型六</td>
    </tr>
</table><input type="button" value="提 交" />
</body>
</html>

解决方案 »

  1.   

    用document.getElementsByName("")的到radio对象循环判断被选中值
    被选中值对应select的id
      

  2.   


    <!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=utf-8" />
    <title>分组选择约束</title>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function $(sId) {return document.getElementById(sId)}
    function _check(){
    var num = 0;
    var oselval1 = $("select1").options[$("select1").selectedIndex].text;
    var oselval2 = $("select2").options[$("select2").selectedIndex].text;
    var oselval3 = $("select3").options[$("select3").selectedIndex].text;
    var obj = document.getElementsByTagName("select");
    for(var i=0; i<obj.length;i++){
    if(obj[i].options[obj[i].selectedIndex].text == "无"){
    num++;
    }
    }
    if(num ==3){
    alert("不能全为无!");
    }
    if(num < 2){
    if(oselval1 == oselval2 || oselval2==oselval3 || oselval1==oselval3 ){
    alert("不可重复!");
    }
    } }
    //-->
    </SCRIPT>
    </head><body>
    <table width="100%" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#CCCCCC" class="bian">
      <tr>
        <td height="42" colspan="4" bgcolor="#F7F7FE" class="biand"><strong>选择类型</strong></td>
      </tr>
      <tr>
        <td width="25%" height="27" align="right" bgcolor="#f7f7fe" class="bian_tlc"><input type="radio" name="RF" value="RF_1" checked="checked" /></td>
        <td height="27" colspan="3" bgcolor="#FFFFFF" class="biand_c">类型一</td>
      </tr>
      <tr>
        <td width="25%" height="27" align="right" bgcolor="#f7f7fe" class="bian_tlc">分组：</td>
        <td width="25%" height="27" bgcolor="#FFFFFF" class="biand_c"><select name="select1" id="select1">
          <option value="none" selected="selected">无</option>
          <option value="ShortName">简称</option>
          <option value="NameCn">中文名</option>
          <option value="CustName">客户</option>
        </select></td>
        <td width="25%" height="27" bgcolor="#FFFFFF" class="biand_c"><select name="select2" id="select2">
          <option value="none" selected="selected">无</option>
          <option value="ShortName">简称</option>
          <option value="Contact">联系人</option>
          <option value="Name">姓名</option>
        </select></td>
        <td width="25%" height="27" bgcolor="#FFFFFF" class="biand_c"><select name="select3" id="select3">
          <option value="none" selected="selected">无</option>
          <option value="Name">姓名</option>
          <option value="NameCn">中文名</option>
          <option value="CustName">客户</option>
        </select></td>
      </tr>
      <tr>
        <td height="27" align="right" bgcolor="#f7f7fe" class="bian_tlc"><input type="radio" name="RF" value="RF_2" /></td>
        <td height="27" colspan="3" bgcolor="#FFFFFF" class="biand_c">类型二</td>
      </tr>
        <tr>
        <td height="27" align="right" bgcolor="#f7f7fe" class="bian_tlc"><input type="radio" name="RF" value="RF_3" /></td>
        <td height="27" colspan="3" bgcolor="#FFFFFF" class="biand_c">类型三</td>
        </tr>
        <tr>
        <td height="27" align="right" bgcolor="#f7f7fe" class="bian_tlc"><input type="radio" name="RF" value="RF_4" /></td>
        <td height="27" colspan="3" bgcolor="#FFFFFF" class="biand_c">类型四</td>
        </tr>
        <tr>
        <td height="27" align="right" bgcolor="#f7f7fe" class="bian_tlc"><input type="radio" name="RF" value="RF_5" /></td>
        <td height="27" colspan="3" bgcolor="#FFFFFF" class="biand_c">类型五</td>
        </tr>
        <tr>
        <td height="27" align="right" bgcolor="#f7f7fe" class="bianr"><input type="radio" name="RF" value="RF_6" /></td>
        <td height="27" colspan="3" bgcolor="#FFFFFF">类型六</td>
        </tr>
    </table><input type="button" value="提 交" onclick="_check()"/>
    </body>
    </html>
      

  3.   

    第二个问题不太确定你的意思
    点击按钮转链接方法很多 比如onclick事件 然后document.location.href = "http://www.baidu.com"
      

  4.   


    <!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=utf-8" />
    <title>分组选择约束</title>
    </head><body>
    <table width="100%" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#CCCCCC" class="bian">
      <tr>
        <td height="42" colspan="4" bgcolor="#F7F7FE" class="biand"><strong>选择类型</strong></td>
      </tr>
      <tr>
        <td width="25%" height="27" align="right" bgcolor="#f7f7fe" class="bian_tlc"><input type="radio" name="RF" value="RF_1" checked="checked" /></td>
        <td height="27" colspan="3" bgcolor="#FFFFFF" class="biand_c">类型一</td>
      </tr>
      <tr>
        <td width="25%" height="27" align="right" bgcolor="#f7f7fe" class="bian_tlc">分组：</td>
        <td width="25%" height="27" bgcolor="#FFFFFF" class="biand_c"><select name="select1" id="select1">
          <option value="none" selected="selected">无</option>
          <option value="ShortName">简称</option>
          <option value="NameCn">中文名</option>
          <option value="CustName">客户</option>
        </select></td>
        <td width="25%" height="27" bgcolor="#FFFFFF" class="biand_c"><select name="select2" id="select2">
          <option value="none" selected="selected">无</option>
          <option value="ShortName">简称</option>
          <option value="Contact">联系人</option>
          <option value="Name">姓名</option>
        </select></td>
        <td width="25%" height="27" bgcolor="#FFFFFF" class="biand_c"><select name="select3" id="select3">
          <option value="none" selected="selected">无</option>
          <option value="Name">姓名</option>
          <option value="NameCn">中文名</option>
          <option value="CustName">客户</option>
        </select></td>
      </tr>
      <tr>
        <td height="27" align="right" bgcolor="#f7f7fe" class="bian_tlc"><input type="radio" name="RF" value="RF_2" /></td>
        <td height="27" colspan="3" bgcolor="#FFFFFF" class="biand_c">类型二</td>
      </tr>
        <tr>
        <td height="27" align="right" bgcolor="#f7f7fe" class="bian_tlc"><input type="radio" name="RF" value="RF_3" /></td>
        <td height="27" colspan="3" bgcolor="#FFFFFF" class="biand_c">类型三</td>
        </tr>
        <tr>
        <td height="27" align="right" bgcolor="#f7f7fe" class="bian_tlc"><input type="radio" name="RF" value="RF_4" /></td>
        <td height="27" colspan="3" bgcolor="#FFFFFF" class="biand_c">类型四</td>
        </tr>
        <tr>
        <td height="27" align="right" bgcolor="#f7f7fe" class="bian_tlc"><input type="radio" name="RF" value="RF_5" /></td>
        <td height="27" colspan="3" bgcolor="#FFFFFF" class="biand_c">类型五</td>
        </tr>
        <tr>
        <td height="27" align="right" bgcolor="#f7f7fe" class="bianr"><input type="radio" name="RF" value="RF_6" /></td>
        <td height="27" colspan="3" bgcolor="#FFFFFF">类型六</td>
        </tr>
    </table><input type="button" value="提 交" />
    </body>
    </html>
      

  5.   

    8楼的忽略了if(num = 2),就是说有2个“无”的情况；10楼的不知所云。11楼的更不知所云。
      

  6.   

    又晕，“无”是可以重复2个不错，但是就是重复2个“无”的时候提交没有反应呢！（加上alert("")了。没有弹出啊）
      

  7.   

    9楼 s_liangchao1s 兄弟的稍为改动一下就可以实现楼主的要求了。楼主应该多自己想一下。<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>分组选择约束</title>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
        function $(sId) {return document.getElementById(sId)}
        function _check(){
            var num = 0;
            var oselval1 = $("select1").options[$("select1").selectedIndex].text;
            var oselval2 = $("select2").options[$("select2").selectedIndex].text;
            var oselval3 = $("select3").options[$("select3").selectedIndex].text;
    var rad = document.getElementsByName("RF");
            var obj = document.getElementsByTagName("select");
    for(var j=0; j<rad.length;j++){
    if(rad[j].checked==true){
    if(rad[j].value=="RF_1"){
            for(var i=0; i<obj.length;i++){
                if(obj[i].options[obj[i].selectedIndex].text == "无"){
                    num++;
                }
            }
             if(num ==3){
                alert("分组条件不能全为无!请选择!");

            }
             if(num < 2){
                if(oselval1 != oselval2 && oselval2!=oselval3 && oselval1!=oselval3 ){
                    window.open("a.html");
                }
    else {
    alert("分组条件有重复,请重新选择!");
    }
            }
    if(num == 2){
    window.open("a.html");
    }
    }

    else if(rad[j].value!="RF_1"){
    window.open(rad[j].value+".html");
    }
        }
    }
    }
    //-->
    </SCRIPT>
    </head><body>
    <table width="100%" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#CCCCCC" class="bian">
      <tr>
        <td height="42" colspan="4" bgcolor="#F7F7FE" class="biand"><strong>选择类型</strong></td>
      </tr>
      <tr>
        <td width="25%" height="27" align="right" bgcolor="#f7f7fe" class="bian_tlc"><input type="radio" name="RF" value="RF_1" checked="checked" /></td>
        <td height="27" colspan="3" bgcolor="#FFFFFF" class="biand_c">类型一</td>
      </tr>
      <tr>
        <td width="25%" height="27" align="right" bgcolor="#f7f7fe" class="bian_tlc">分组：</td>
        <td width="25%" height="27" bgcolor="#FFFFFF" class="biand_c"><select name="select1" id="select1">
          <option value="none" selected="selected">无</option>
          <option value="ShortName">简称</option>
          <option value="NameCn">中文名</option>
          <option value="CustName">客户</option>
        </select></td>
        <td width="25%" height="27" bgcolor="#FFFFFF" class="biand_c"><select name="select2" id="select2">
          <option value="none" selected="selected">无</option>
          <option value="ShortName">简称</option>
          <option value="Contact">联系人</option>
          <option value="Name">姓名</option>
        </select></td>
        <td width="25%" height="27" bgcolor="#FFFFFF" class="biand_c"><select name="select3" id="select3">
          <option value="none" selected="selected">无</option>
          <option value="Name">姓名</option>
          <option value="NameCn">中文名</option>
          <option value="CustName">客户</option>
        </select></td>
      </tr>
      <tr>
        <td height="27" align="right" bgcolor="#f7f7fe" class="bian_tlc"><input type="radio" name="RF" value="RF_2" /></td>
        <td height="27" colspan="3" bgcolor="#FFFFFF" class="biand_c">类型二</td>
      </tr>
        <tr>
        <td height="27" align="right" bgcolor="#f7f7fe" class="bian_tlc"><input type="radio" name="RF" value="RF_3" /></td>
        <td height="27" colspan="3" bgcolor="#FFFFFF" class="biand_c">类型三</td>
        </tr>
        <tr>
        <td height="27" align="right" bgcolor="#f7f7fe" class="bian_tlc"><input type="radio" name="RF" value="RF_4" /></td>
        <td height="27" colspan="3" bgcolor="#FFFFFF" class="biand_c">类型四</td>
        </tr>
        <tr>
        <td height="27" align="right" bgcolor="#f7f7fe" class="bian_tlc"><input type="radio" name="RF" value="RF_5" /></td>
        <td height="27" colspan="3" bgcolor="#FFFFFF" class="biand_c">类型五</td>
        </tr>
        <tr>
        <td height="27" align="right" bgcolor="#f7f7fe" class="bianr"><input type="radio" name="RF" value="RF_6" /></td>
        <td height="27" colspan="3" bgcolor="#FFFFFF">类型六</td>
        </tr>
    </table><input type="button" value="提 交" onclick="_check()"/>
    </body>
    </html>