首页 > 技术文章 > 不通过时 才显示输入原因的文本框

fireinwater 2017-03-16 12:07 原文

<script type="text/javascript">

	function no(){
		document.getElementById("yuanyin1").style.display="block";
	}
	function yes(){
		document.getElementById("yuanyin1").style.display="none";
	}

</script>



      <tr>
	     <td>
		<input name="radio" type="radio" value="true" onclick="yes()"/><span class="lbl"> 通过</span>
	       <input name="radio" type="radio" value="false" onclick="no()"/><span class="lbl"> 不通过</span>
	   </td>   
	</tr>
	     <tr style="display: none" id="yuanyin1">
	     <td><input type="text" name="examine_reason" id="frozen_reason" value="${pd.examine_reason }" placeholder="请输入不通过原因" title="原因"/></td>
       </tr>

 

实现的方式很简单:

  选择不同的按钮触发不同的js事件,更改下一个文本框的显示状态

推荐阅读