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

如果觉得《jQuery单选按钮监听事件》对你有帮助，请点赞、收藏，并留下你的观点哦！