根据radio不同选定触发事件使一个文本框是否显示解决思路
日期：2014-05-16 浏览次数：20472 次
根据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就显示，“否”就不显示。
请高手帮忙
------解决方案--------------------
<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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
