js单选按钮实现点击是展示输入框,否关闭输入框

jsp页面上是这么写的

<input type="radio" name="isTransfer" value="1" id="1" onclick="isTransfers(value)"/>

是上面写一个事件下面的tr起个id=""

<tr style="border:none!important;"> <td style="text-align:right;width:200px">是否转办<span style="color:red;font-weight:bold;">*</span>:</td> <td style="width: 150px;"> //上面触发点击事件 <input type="radio" name="isTransfer" value="1" id="1" onclick="isTransfers(value)"/>是 <input type="radio" name="isTransfer" value="0" id="0" checked="checked" onclick="isTransfers(value)"/>否 </td> </tr> //这个tr定义一个ID <tr style="border:none!important;" id="isShow"> <td class="power-table-label" style="text-align:right;">转往单位<span style="color:red;font-weight:bold;">*</span>:</td> <td style="width: 150px;"> <input name="undertakerName" id="undertakerName" style="width: 200px;" class="easyui-textbox" data-options="novalidate:true,missingMessage:'请输入姓名',panelHeight:'auto'" /></td> <td class="power-table-label" style="text-align:right;">转往时间<span style="color:red;font-weight:bold;">*</span>:</td> <td style=" width: 150px;"> <input name='printDateStr' id='printDateStr' class="easyui-datebox" data-options="novalidate:true,editable:false,required:true, missingMessage:'请选择印发日期'" style="width: 200px;" /> </td> </tr>

js是这样写的

//页面初始化function doInit(){//初始化设置value = 0 页面展示为否var value = 0//调用方法isTransfers(value)}//单选按钮事件function isTransfers(value){//判断1是是,就把id选择器的展示if(value == 1){$('#isShow').show();}//判断是0 就是否 就隐藏if(value == 0){$('#isShow').hide();}}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容