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

hk207 2008-08-19 12:20:30

当选中类型一的时候，分组里的三个下拉列表至少要有一个不为“无”，还有就是三个下拉列表值不能重复（比如第一个下拉列表选中“简称”，其它二个就不能选择“简称”。当然“无”可以重复2个，只要有一个不是“无”就可以）。高手指点！

PS：选中radio打开相对应的链接！（选中类型一打开链接1,选中类型二打开链接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>

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

...全文

178 16 打赏收藏转发到动态举报

写回复

用AI写文章

16 条回复

切换为时间正序

请发表友善的回复…

发表回复

itshua 2008-08-28

打赏
举报

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>

s_liangchao1s 2008-08-28

打赏
举报

来你把你代码拿上来我看看怎么个没反应法！

hk207 2008-08-28

打赏
举报

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

s_liangchao1s 2008-08-27

打赏
举报

晕你不是说无可以重复两个啊？？？

hk207 2008-08-27

打赏
举报

8楼的忽略了if(num = 2),就是说有2个“无”的情况；

10楼的不知所云。

11楼的更不知所云。

s_liangchao1s 2008-08-26

打赏
举报

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

s_liangchao1s 2008-08-26

打赏
举报



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

sxn19811006 2008-08-26

打赏
举报

这么简单真不想写、楼上写的不错

loveyunwt 2008-08-26

打赏
举报







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

hk207 2008-08-21

打赏
举报

难道高手都忙着看奥运啦？还是……？？

hk207 2008-08-21

打赏
举报

[Quote=引用 5 楼 s_liangchao1s 的回复:]
你自己都描述这么清楚还写不出来。。
[/Quote]

偶很菜的，写不出来才来这里请教高手啊！

s_liangchao1s 2008-08-21

打赏
举报

你自己都描述这么清楚还写不出来。。

lawrendc 2008-08-20

打赏
举报

看一看

happy002 2008-08-20

打赏
举报

用document.getElementsByName("")的到radio对象

循环判断被选中值
被选中值对应select的id

itshua 2008-08-19

打赏
举报

先吃饭去，吃完饭再来看哈……

hk207 2008-08-19

打赏
举报



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