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

Web 开发 > JavaScript
收藏 回复
[问题点数：120分，结帖人hk207]
更多帖子
私信 空间 博客
hk207
等级
本版专家分：55
结帖率 94.59%
当选中类型一的时候，分组里的三个下拉列表至少要有一个不为“无”，还有就是三个下拉列表值不能重复（比如第一个下拉列表选中“简称”，其它二个就不能选择“简称”。当然“无”可以重复2个，只要有一个不是“无”就可以）。高手指点！

PS：选中radio打开相对应的链接！（选中类型一打开链接1,选中类型二打开链接2,类推）


[code]
<!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>
[/code]
只看楼主 引用 举报 楼主 收起
展开阅读全文
更多帖子
私信 空间 博客
hk207
等级
本版专家分：55


<!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>
只看TA 引用 举报 #1得分 0
更多帖子
私信 空间 博客
itshua
等级
本版专家分：146
先吃饭去，吃完饭再来看哈……
只看TA 引用 举报 #2得分 0
更多帖子
私信 空间 博客
happy002
等级
本版专家分：5669
勋章
Blank
签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
用document.getElementsByName("")的到radio对象

循环判断被选中值
被选中值对应select的id
只看TA 引用 举报 #3得分 0
更多帖子
私信 空间 博客
lawrendc
等级
本版专家分：6130
看一看
只看TA 引用 举报 #4得分 0
更多帖子
私信 空间 博客
s_liangchao1s
等级
本版专家分：30360
勋章
Blank
蓝花 2009年8月 Web 开发大版内专家分月排行榜第三
2008年7月 Web 开发大版内专家分月排行榜第三
2008年6月 Web 开发大版内专家分月排行榜第三
2008年5月 Web 开发大版内专家分月排行榜第三
你自己都描述这么清楚 还写不出来。。
只看TA 引用 举报 #5得分 0
更多帖子
私信 空间 博客
hk207
等级
本版专家分：55
引用 5 楼 s_liangchao1s 的回复:
你自己都描述这么清楚 还写不出来。。


偶很菜的，写不出来才来这里请教高手啊！
只看TA 引用 举报 #6得分 0
更多帖子
私信 空间 博客
hk207
等级
本版专家分：55
难道高手都忙着看奥运啦？还是……？？
只看TA 引用 举报 #7得分 0
更多帖子
私信 空间 博客
s_liangchao1s
等级
本版专家分：30360
勋章
Blank
蓝花 2009年8月 Web 开发大版内专家分月排行榜第三
2008年7月 Web 开发大版内专家分月排行榜第三
2008年6月 Web 开发大版内专家分月排行榜第三
2008年5月 Web 开发大版内专家分月排行榜第三 


<!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>
只看TA 引用 举报 #8得分 40
更多帖子
私信 空间 博客
s_liangchao1s
等级
本版专家分：30360
勋章
Blank
蓝花 2009年8月 Web 开发大版内专家分月排行榜第三
2008年7月 Web 开发大版内专家分月排行榜第三
2008年6月 Web 开发大版内专家分月排行榜第三
2008年5月 Web 开发大版内专家分月排行榜第三
第二个问题不太确定你的意思
点击按钮转链接方法很多 比如onclick事件 然后document.location.href = "http://www.baidu.com"
只看TA 引用 举报 #9得分 0
私信 空间 博客
loveyunwt
等级
本版专家分：2111






<!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>
只看TA 引用 举报 #10得分 0
1 2
收起
收藏 回复
hk207

等级：

关注 私信 TA的帖子
js原生、jquery单选框radio总结（获取值、设置默认选中值、样式）

单选框 radio&lt;div class="radio-inline"&gt; &lt;input type="radio" name="killOrder" value="1"/&gt; &lt;label for="killOrder1"&...

2020年前端面试题及答案

前端面试汇总（2020年） 一 大纲 1、前言 2、前端工程化 3、前端设计模式 4、前端安全性问题 ...由于新冠肺炎疫情，现在成天呆在家里，加上也要准备面试，就在家里看面试题...

js radio取消选中

$(document).ready(function () { $("input[type=radio]").click(function () { if ($(this).attr("tag") == 1) { $(this).attr("checked", false); $(this).a...

解决 layui — table 单击行选中radio 与 点击 radio 选中行

最近做项目用到了layui 里面的 table ，点击某一行选中当前行的radio，解决办法如下： layui.use('table', function(){ var table = layui.table; //监听行单击事件（双击事件为：rowDouble） table.on('row...

JS 控制 radio 选中

一、控制radio选中 HTML： &lt;div class="gender"&gt; &lt;input type="radio" name="gender" value="男" title="男" checked id="gender1&...

js动态选中radio，获取radio选中值

//动态选中radio值，1：表示radio的name　2：表示后台传过来的radio值$(":radio[name='1'][value='" + 2 + "']").prop("checked", "checked");//获取radio选中值，1：表示radio的name$('input[name="1"]:checked')....

table点击一行任意位置选中该行的radio按钮

radio按钮： <table> <c:forEach items="${hkList}" var="hk"> <tr onclick="dianji('${hk.hkid}')"> <td> <input type="radio" name="hkid" id="hkid_${hk.hkid}" value="${hk....

radio单选框的选中与取消（超详细讲解！）

进而引出一系列问题，如：1、radio单选框选中了如何取消，取消了如何再选中；2、当checkbox选中状态发生变化时触发事件；3、操作checkbox复选框，radio单选框如何做出相对应的改变 二、案例解说 直接给你们抛详细...

radio根据value值动态选中

radio根据value的值动态设置默认选中 代码 $("input:radio[name='marry'][value='${staff.staffData.marry}']").prop("checked",true); 发现不成功自己又试了attr，直接checked=true，发现都不行， 改了好久才发现...

jquery实现ul列表中点击radio后面的文本选中radio,点击整个li选中radio

window.onload = function () { ...//点击radio后面的文本选中radio // labels = document.getElementById('scalul').getElementsByTagName('span'); // for (i = 0, j = labels.length; i // labels[i].oncli

下拉选默认选中

&amp;lt; option value = &quot;2&quot; selected = &quot;... 下拉选默认选中 &amp;lt;input type=&quot;radio&quot; checked='true' &amp;gt; 单选按钮默认选中

C#基础教程-c#实例教程，适合初学者

C#基础教程-c#实例教程，适合初学者。 第一章 C#语言基础 本章介绍C#语言的基础知识，希望具有C语言的读者能够基本掌握C#语言，并以此为基础，能够进一步学习用C#语言编写window应用程序和Web应用程序。...

JQuery控制radio选中和不选中方法

一、设置选中方法 $("input[name='名字']").get(0).checked=true;  $("input[name='名字']").attr('checked','true'); $("input[name='名字']:eq(0)").attr("checked",'...

jquery获取radio选中值及遍历

使用jquery获取radio的值,最重要的是掌握jquery选择器的使用，在一个表单中我们通常是要获取被选中的那个radio项的值，所以要加checked来筛选，比如有以下的一些radio项： 1.jquery获取radio的值 2.jquery获取...

jQuery,获取被选中radio的value值

input type="radio" name="address" value="0" /> <input type="radio" name="address" value="1" /> <input type="radio" name="address" value="2" /> jQuery中 : var addressID = $("inp...

页面 input radio 验证是否选中

代码实例：  $(function(){  $("#btnSubmit").click(function(){  var val=$('input:radio[name="sex"]:checked').val();  if(val==null){  alert("什么也没选中!");  ...

JavaScript中如何获取被选中radio的value值？

JavaScript中如何获取被选中radio的value值？ JavaScript中 : var addressID = $("input[name='sex']:checked").val(); 把radio的name属性值设置成一样的，就会变为单选。 <input type="radio" name="sex" ...

layui清除radio的选中状态

出现一种情况 在方案二中产生了默认勾选，解决办法如下 $(".check").each(function(index, el) { el.checked= false;}) form.render('radio'); ...

点击label标签选中radio

<!DOCTYPE html> input[type=radio]{ display: none; } .radio-label:hover{ background:rgba(106,191,255,0.3); } inpu

获取radio 选中的值

1.获取选中值，三种方法都可以： $('input:radio:checked').val()； $("input[type='radio']:checked").val();...$("input[name='id']:...2.设置第一个Radio为选中值： $('input:radio:first').attr('checked...

单选框radio单击取消选中

&lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8" /&gt; &lt;script type="text/javascript" src="...

checkbox或者radio默认选中，默认不可选中

checkbox： 默认选中 <input id="checkbox1" type="checkbox" checked="checked" /> <...当我们想让checkbox或者radio默认选中时，只要设置了checked属性，不管该属性的值是什么，...

微信小程序radio设置选中

微信小程序radio设置选中

antd中如何给绑定Form的Radio.Group设置默认的选中值！

嗯~~ 本人2年前端小菜鸡，刚刚换了新公司，接手的项目使用的是react+antd+dva+umi等技术。 之前完全没有antd的经验，但是有2年react的经验，所以嘛，项目上手难度一般，但是扛不住antd的组件全部要重新学习一下；...

点击div选中radio同时添加选中div效果

/* 点击div选中radio和选中效果*/ //鼠标按下 function mousedown(event){ var div = $(event).text(); //获取div的文本信息 var input = $(event).children().val(); //获取div的子元素的value值 if(div.trim...

判断radio单选框是否选中

/*------判断radio是否有选中，获取选中的值--------*/ var val=$('input:radio[name="sex"]:checked').val(); if(val==null){ alert("什么也没选中!"); return false; } else{ ...

radio 根据默认值选中

使用jquery选择器，例：<input type='radio' name='period' value='1' id='periodY'/>是 <input type='radio' name='period' value='0' id='periodN' checked style='margin-left:20px'/><label

radio默认选中

input type="radio" value="初级" <%=yeartrain.CPRLevel=="初级"?"checked=true":""%> disabled/>初级 <input type="radio" value="高级" <%=yeartrain.CPRLevel=="高级"?...

radio点击选中，再次点击取消选中

title>单选按钮取消选中的三种方式title> script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"> script> script type="text/javascript"> $(functio

小程序单选按钮选中与取消状态切换——radio

<label class="fr font checked-lable" catchtap='checkedTap'>...radio checked="{{checked}}" color='#deab8a' />完全OK </label> data: { checked: false, }, //是否 checkedTap: func...

相关热词 c#调用r c# 指定的div 获取 c# c++ 混合编程 c# 调用c++ 静态库 c# catch不写参数 c# 列自增加 c# 负数补码 c# 读取json c# 画图超出画布判断 c#在注册表下创建个文件