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