2.8w+
社区成员
- 主页
急。如何点击单选按钮后显示文本框？
请问下下面这段代码如何实现选中“单先D”后才会显示文本框？选其它单选项的话文本框又会隐藏起来？急。。。先谢过各位大哥了。
单先A<input type="radio" name="radiobutton" value="10" checked>
单先B<input type="radio" name="radiobutton" value="20">
单先C<input type="radio" name="radiobutton" value="30">
单先D<input type="radio" name="radiobutton" value="0">
<input type="text" name="textfield">
单先A<input type="radio" name="radiobutton" value="10" checked>
单先B<input type="radio" name="radiobutton" value="20">
单先C<input type="radio" name="radiobutton" value="30">
单先D<input type="radio" name="radiobutton" value="0">
<input type="text" name="textfield">
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
toury 2009-08-24
单先A <input type="radio" name="radiobutton" value="10" checked onclick="ShowHide(0);">
单先B <input type="radio" name="radiobutton" value="20" onclick="ShowHide(0);">
单先C <input type="radio" name="radiobutton" value="30" onclick="ShowHide(0);">
单先D <input type="radio" name="radiobutton" value="0" onclick="ShowHide(1);">
<input type="text" id=aaa name="textfield" style="display:none">
<script>
function ShowHide(flag){
var o=document.getElementById("aaa");
o.style.display=flag==0?"none":""
}
</script>
单先B <input type="radio" name="radiobutton" value="20" onclick="ShowHide(0);">
单先C <input type="radio" name="radiobutton" value="30" onclick="ShowHide(0);">
单先D <input type="radio" name="radiobutton" value="0" onclick="ShowHide(1);">
<input type="text" id=aaa name="textfield" style="display:none">
<script>
function ShowHide(flag){
var o=document.getElementById("aaa");
o.style.display=flag==0?"none":""
}
</script>
shenzhenNBA 2009-08-24
<input id="textfield" type="text" name="textfield">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>表格属性的操作</title>
</head>
<body>
单先A <input onClick="javascript:xdo(this);" type="radio" name="radiobutton" value="10" checked>
单先B <input onClick="javascript:xdo(this);" type="radio" name="radiobutton" value="20">
单先C <input onClick="javascript:xdo(this);" type="radio" name="radiobutton" value="30">
单先D <input onClick="javascript:xdo(this);" type="radio" name="radiobutton" value="0">
<input id="textfield" type="text" name="textfield">
<script language="javascript" type="text/javascript">
function xdo(obj){
if(obj.value=="0")
document.getElementById("textfield").style.display="block";
else
document.getElementById("textfield").style.display="none";
}
</script>
</body>
</html>
phoeni_xin 2009-08-24
if(document.all.radiobutton[3].checked){
document.all.textfield.style.display = "block";
}else{
document.all.textfield.style.display = "none";
}
