当前位置: 代码迷 >> JavaScript >> Jsp初学者求教大神怎么通过radio的选项来控制select的disabled
  详细解决方案

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

热度:263   发布时间:2012-03-19 22:03:05.0
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
  相关解决方案