根据radio不同选定触发事件使一个文本框是否显示
<tr>
<td>
是否显示</td>
<td> <input type="radio" name="link" value="1" checked >是<input type="radio" name="link" value="0" >否
</td>
</tr>
<tr>
<td>
地址</td>
<td> <input type="text" name="title0" class="InputStyle_1"></td>
</tr>
<tr >
<td>
内容
</td>
<td>
<input type="text" name="aa" class="InputStyle_1"></td>
</tr>
我想实现如果选“是”文本框aa就显示，“否”就不显示。
请高手帮忙
[解决办法]
- HTML code
<html> <head> <script language="JavaScript"> function check(obj){ var f = document.forms[0]; if(f.elements[obj.name][0].checked) f.elements["aa"].style.display = "block"; else f.elements["aa"].style.display = "none";} </script> </HEAD> <BODY> <form><table><tr> <td> 是否显示 </td> <td> <input type="radio" name="link" value="1" checked onclick="check(this);">是 <input type="radio" name="link" value="0" onclick="check(this);">否 </td> </tr> <tr> <td> 地址 </td> <td> <input type="text" name="title0" class="InputStyle_1"> </td> </tr> <tr > <td> 内容 </td> <td> <input type="text" name="aa" class="InputStyle_1"> </td> </tr></table></form> </BODY> </HTML>
[解决办法]
<table>
<tr>
<td>
是否显示 </td>
<td><input type="radio" name="link" value="1" onclick="change(this)">是 <input type="radio"
name="link" value="0" onclick="change(this)">否
</td>
</tr>
<tr>
<td>
地址 </td>
<td> <input type="text" name="title0"> </td>
</tr>
<tr >
<td>
内容
</td>
<td>
<input type="text" name="aa" > </td>
</tr>
</table>
<script language=javascript>
function change(obj)
{
if(obj.checked&&obj.value==0)
document.all.aa.parentNode.style.visibility="hidden";
else
if(obj.checked&&obj.value==1)
document.all.aa.parentNode.style.visibility="visible";
}
</script>