下拉列表,如何响应onclick事件
想实现点击了,下拉列表的"是",4个文本框就可用,,请教,谢谢阿<script>functiontestClk(){if(form1.rad2.checked==true...
想实现点击了,下拉列表的"是",4个文本框就可用,,请教,谢谢阿
<script>
function testClk(){
if(form1.rad2.checked==true)
form1.f1.disabled = false;
form1.f2.disabled = false;
form1.f3.disabled = false;
form1.f4.disabled = false;
}
</script>
<form id="form1" name="form1" method="post" action="1.ASP">
<select name="aaa" onclick="testclk()">
<option id=rad1 value="否" selected>否</option>
<option id=rad2 value="是" >是</option>
</select>
<input type="text" id="f1" name="f1" value="1" disabled>
<input type="text" id="f2" name="f2" value="2" disabled >
<input type="text" id="f3" name="f3" value="3" disabled>
<input type="text" id="f4" name="f4" value="4" disabled >
</form> 展开
<script>
function testClk(){
if(form1.rad2.checked==true)
form1.f1.disabled = false;
form1.f2.disabled = false;
form1.f3.disabled = false;
form1.f4.disabled = false;
}
</script>
<form id="form1" name="form1" method="post" action="1.ASP">
<select name="aaa" onclick="testclk()">
<option id=rad1 value="否" selected>否</option>
<option id=rad2 value="是" >是</option>
</select>
<input type="text" id="f1" name="f1" value="1" disabled>
<input type="text" id="f2" name="f2" value="2" disabled >
<input type="text" id="f3" name="f3" value="3" disabled>
<input type="text" id="f4" name="f4" value="4" disabled >
</form> 展开
1个回答
展开全部
<body>
<script>
function testClk(){
var obj = document.getElementById("slec");
if (obj.value == "是")
{
form1.f1.disabled = false;
form1.f2.disabled = false;
form1.f3.disabled = false;
form1.f4.disabled = false;
}
if (obj.value == "否")
{
form1.f1.disabled = true;
form1.f2.disabled = true;
form1.f3.disabled = true;
form1.f4.disabled = true;
}
}
</script>
<form id="form1" name="form1" method="post" action="1.ASP">
<select name="aaa" id="slec" onchange="testClk()">
<option value="否" >否</option>
<option value="是" >是</option>
</select>
<input type="text" id="f1" name="f1" value="1" disabled >
<input type="text" id="f2" name="f2" value="2" disabled >
<input type="text" id="f3" name="f3" value="3" disabled>
<input type="text" id="f4" name="f4" value="4" disabled >
</form>
</body>
<script>
function testClk(){
var obj = document.getElementById("slec");
if (obj.value == "是")
{
form1.f1.disabled = false;
form1.f2.disabled = false;
form1.f3.disabled = false;
form1.f4.disabled = false;
}
if (obj.value == "否")
{
form1.f1.disabled = true;
form1.f2.disabled = true;
form1.f3.disabled = true;
form1.f4.disabled = true;
}
}
</script>
<form id="form1" name="form1" method="post" action="1.ASP">
<select name="aaa" id="slec" onchange="testClk()">
<option value="否" >否</option>
<option value="是" >是</option>
</select>
<input type="text" id="f1" name="f1" value="1" disabled >
<input type="text" id="f2" name="f2" value="2" disabled >
<input type="text" id="f3" name="f3" value="3" disabled>
<input type="text" id="f4" name="f4" value="4" disabled >
</form>
</body>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询