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"/>同意 <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();
}
});
});
划船不用桨、杨帆不等风、一生全靠浪