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();
             }
         });
        
    });