Jsp初学者求教大神怎么通过radio的选项来控制select的disabled
日期：2014-05-16 浏览次数：20329 次
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的值
目标功能：当选中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的值
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
