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();}}
js单选按钮实现点击是展示输入框,否关闭输入框
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 首先要实现的功能是点击输入框弹出一个Poptip气泡提示框可以选择Table表格左边的单选按钮获取右边项目的所有多...
- 测试移动端页面的时候,偶然发现点击底部input输入框时,弹出的虚拟键盘偶尔会挡住input输入框。 输入框固定在...
- HTML代码: jQ代码: //获取id focus()是处理获取焦点的方法 $("#email").focus(...
- H5微信页面开发,软键盘弹起后,若原输入框被遮挡,页面整体将会上移,然而当输入框失焦,软键盘收起后,页面未恢复,导...
- 如果要实现点击一个按钮,然后将输入框中的输入的内容在弹出的提示框中显示出来这个功能的话,使用大部分可视化IDE开发...