怎样通过radio选择select下拉菜单的disabled?
交易方式有:邮寄、自取、送达、约定地点四个单选按钮。交易区域下拉菜单只有在“约定地点”单选按钮选择的情况下才有效。在其他单选按钮下,下拉菜单禁用。
<tr>
<td height="27" align="right" bgcolor="#C6EBDE">交易方式:</td>
<td bgcolor="#E1F4EE"> <input type="radio" id="fs1" name="fs" value="邮寄">
邮寄
<input type="radio" id="fs2" name="fs" value="自取">
自取
<input type="radio" id="fs3" name="fs" value="送达" >
送达
<input name="fs" id="fs4" type="radio" value="约定地点" checked>
约定地点</td>
</tr>
<tr>
<td height="27" align="right" bgcolor="#C6EBDE">交易区域:</td>
<td bgcolor="#E1F4EE">
<select name="quyu" id="quyu" disabled="disabled">
<option value="">选择所在区域</option>
</select>
</td>
</tr>
交易方式有:邮寄、自取、送达、约定地点四个单选按钮。交易区域下拉菜单只有在“约定地点”单选按钮选择的情况下才有效。在其他单选按钮下,下拉菜单禁用。
<tr>
<td height="27" align="right" bgcolor="#C6EBDE">交易方式:</td>
<td bgcolor="#E1F4EE"> <input type="radio" id="fs1" name="fs" value="邮寄">
邮寄
<input type="radio" id="fs2" name="fs" value="自取">
自取
<input type="radio" id="fs3" name="fs" value="送达" >
送达
<input name="fs" id="fs4" type="radio" value="约定地点" checked>
约定地点</td>
</tr>
<tr>
<td height="27" align="right" bgcolor="#C6EBDE">交易区域:</td>
<td bgcolor="#E1F4EE">
<select name="quyu" id="quyu" disabled="disabled">
<option value="">选择所在区域</option>
</select>
</td>
</tr>
<td height="27" align="right" bgcolor="#C6EBDE">交易方式:</td>
<td bgcolor="#E1F4EE"> <input type="radio" id="fs1" name="fs" value="邮寄">
邮寄
<input type="radio" id="fs2" name="fs" value="自取">
自取
<input type="radio" id="fs3" name="fs" value="送达" >
送达
<input name="fs" id="fs4" type="radio" value="约定地点" checked>
约定地点</td>
</tr>
<tr>
<td height="27" align="right" bgcolor="#C6EBDE">交易区域:</td>
<td bgcolor="#E1F4EE">
<select name="quyu" id="quyu" >
<option value="">选择所在区域</option>
</select>
</td>
</tr>
<html>
<body>
<table>
<tr>
<td height="27" align="right" bgcolor="#C6EBDE">交易方式:</td>
<td bgcolor="#E1F4EE" id="td1"> <input type="radio" id="fs1" name="fs" value="邮寄">
邮寄
<input type="radio" id="fs2" name="fs" value="自取">
自取
<input type="radio" id="fs3" name="fs" value="送达" >
送达
<input name="fs" id="fs4" type="radio" value="约定地点" checked>
约定地点</td>
</tr>
<tr>
<td height="27" align="right" bgcolor="#C6EBDE">交易区域:</td>
<td bgcolor="#E1F4EE">
<select name="quyu" id="quyu" >
<option value="">选择所在区域</option>
</select>
</td>
</tr>
</table>
<script type="text/javascript">
window.onload = function(){
var inputs = document.getElementById("td1").getElementsByTagName("input");
for(var i = 0; i < inputs.length; i++){
(function(i){
inputs[i].onclick = function(){
document.getElementById("quyu").disabled = (i == 3 ? false : true);
};
})(i);
};
};
</script>
</body>
</html>
我觉得这样更好些
document.getElementById("quyu").disabled = (inputs[i].value =="约定地点" ? false:true);