高手帮我看看这段JS代码
我是想当选择“不输入”时,所有id为“a”的文本框都不可用,但是实际上,那三个id都是“a”的文本框,只有第一个起效,请高手帮忙修改或者解答一下,谢谢了! 注意要在<form>中也可以使用的。
<script language="JavaScript">
function thcin(thecid,thnoc,thci){
if(document.getElementById(thecid).checked==true){
document.getElementById(thnoc).disabled=thci;
}else{
document.getElementById(thnoc).disabled=thci;
}
}
</script>
<form action="" method="post">
<input type="radio" value="a" name="in" id="check1" onclick="thcin('check1','a',true)">不可输入
<input type="radio" value="b" name="in" id="check2" onclick="thcin('check2','a',false)">可输入
<input id="a" name="a" disabled>
<input id="a" name="b" disabled>
<input id="a" name="c" disabled>
</form>
参考答案:你看看这个怎样:
<html>
<head>
<script language="JavaScript">
function thcin(thecid,thnoc,thci){
if(document.getElementById(thecid).checked==true){
document.getElementById(thnoc).disabled=thci;
}else{
document.getElementById(thnoc).disabled=thci;
}
}
//添加一个函数,重复使用上面的函数
function thcin1(thecid,thnoc,thci){
for(i=1;i<=3;i++){
var temp=thnoc+i
thcin(thecid,temp,thci)
}
}
</script>
</head>
<body>
<form action="" method="post">
<input type="radio" value="a" name="in" id="check1" onclick="thcin1('check1','a',true)">不可输入
<input type="radio" value="b" name="in" id="check2" onclick="thcin1('check2','a',false)">可输入
<input id="a1" name="a" disabled>
<input id="a2" name="b" disabled>
<input id="a3" name="c" disabled>
</form>
</body>
</html>