如何使用javascript实现,选中一个单选,才能选择该单选下面的几个下拉框,否则,下拉框禁用?
发布网友
发布时间:2022-05-05 03:05
我来回答
共3个回答
热心网友
时间:2023-10-08 17:46
<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>
<input type="radio" name="radio" value="单选1" onclick="checkFunc(this)" ><br>
<input type="radio" name="radio" value="单选2" onclick="checkFunc(this)" ><br>
<input type="radio" name="radio" value="单选3" onclick="checkFunc(this)" ><br>
<select id="select1" disabled="false">
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
</select>
<br>
<select id="select2" disabled="false">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</BODY>
</HTML>
<SCRIPT LANGUAGE="JavaScript">
<!--
function checkFunc(obj){
//如果单选按钮不是同一级的,可根据obj判断选择了哪个才显示下拉框。
//获取所有select对象
var selectObjs = document.getElementsByTagName("select");
for(var i=0;i<selectObjs.length;i++){
selectObjs[i].disabled = false; //设置select对象的编辑状态
}
}
//-->
</SCRIPT>
热心网友
时间:2023-10-08 17:46
js修改一下样式就行,原来的display都是none,点击单选事件修改为inline就行
document.id.style=`````
我一般都用jquery,相当的好用,用css()方法就能修改样式了
jquery的api说明:http://www.css88.com/jqapi-1.5/
热心网友
时间:2023-10-08 17:47
这上问题 好像有人问过了吧 默认将下拉框禁用 选择单选时 触发事件 将下拉框启用 如果需要选中下拉框 就顺便赋值一下