jQuery单选按钮监听事件

根据单选按钮点击事件选择隐藏或显示html

html页面:

<tr>
                        <td>
                            <div align="center">
                                <span class="red" style="padding-left: 0;">*</span> 审核意见:
                            </div>
                        </td>
                        <td>
                           <div align="center" id="shenpiyijian">
                            <input type="radio" name="auditResult" value=1 checked = "checked"/>同意
                            &nbsp;&nbsp;&nbsp;
                            &nbsp;
                            &nbsp;
                            <input type="radio"  value=2 name="auditResult"  />拒绝
                           </div>
                        </td>
                    </tr>
                    
                    <tr id="beizhu" style="display: none">
                       <td>
                            <div align="center" id="beizhu" >
                                <span class="red" style="padding-left: 0;">*</span> 备注:
                            </div>
                        </td>
                        <td>
                           <div >
                            <textarea cols="50" rows="3" id="auditComment" name="auditComment"></textarea>
                           </div>
                        </td>
                    </tr>

jQuery实现

$(function() {

         $("input[type='radio']").click(function(){
             var val=$('input:radio[name="auditResult"]:checked').val();
             $("#auditComment").val("");
             if(val==2){
                 $("#beizhu").show();
             }else{
                 $("#beizhu").hide();
             }
         });
        
    });

 

转载于:https://www.cnblogs.com/pypua/articles/9408595.html

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
©️2021 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值