jQuery单选按钮监听事件

最新推荐文章于 2023-12-22 17:30:21 发布

转载最新推荐文章于 2023-12-22 17:30:21 发布 · 2.5k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/pypua/articles/9408595.html

文章标签：

#javascript #ViewUI

本文介绍了一个简单的jQuery脚本，该脚本可以根据单选按钮的选择来显示或隐藏备注字段。当选择拒绝选项时，备注字段变为可见；当选择同意选项时，备注字段则被隐藏。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

根据单选按钮点击事件选择隐藏或显示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