首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

Jsp初学者求教大神怎么通过radio的选项来控制select的disabled

2012-03-19 
Jsp菜鸟求教大神如何通过radio的选项来控制select的disabled目标功能:当选中all的时候select默认为all且不

Jsp菜鸟求教大神如何通过radio的选项来控制select的disabled
目标功能:当选中all的时候select默认为all且不能改动。当选择为suiji 的时候则select是可以随意选值的
<html>
<head>
<title>this is my first web</title>
</head>
<form>
<script language="javascript">
function test1()
{
  var temp = document.getElementsByName("gender");
  for(var i=0;i<temp.length;i++)
  {
  if(temp[i].checked)
  var ing = temp[i].value;
  }
  alert(ing);
  if(ing=="1")
  {
  document.getElementById("numbers").disabled=true;
  }
  else
  {
  document.getElementById("numbers").disabled=false;
  }
}
</script>
test type
<input type="radio" name="gender" value="1" onclick="test1()" >all
<input type="radio" name="gender" value="2" onclick="test1()">suiji</br></br>
test numbers <select name="numbers" disabled="disabled">
<option selected="selected">all</option>
<option >five</option>
<option >ten</option>
</select>
</br>
</br>
</form>
</body>
</html>

[解决办法]
select的name是numbers,你在设置它不可用的时候取的是id。
[解决办法]
<select name="numbers" disabled="disabled">
name 改为id
[解决办法]
注意#1、#2指出的问题,然后使用方法 
var setDisabled = function (val) {
document.getElementsByName("numbers")[0].disabled = (val !== '1');
};

对raido.onclick方法使用自己value作参数
<input type="radio" name="gender" value="1" onclick="setDisabled(this.value)" />

这样<select name="numbers" disabled="disabled">就会响应。
[解决办法]
注意不要重了。ID的值

探讨

<select name="numbers" disabled="disabled">
name 改为id

热点排行