浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)_javascript技巧

若是只引用jquery的话，监听单选按钮改变事件如下：

<tr><td align="left" class="bigColor">房屋类型</td><td colspan="5"><input type="radio" name="houseType" id="houseType1" value="1">1 土屋<input type="radio" name="houseType" id="houseType2" value="2">2 茅屋<input type="radio" name="houseType" id="houseType3" value="3">3 木屋<input type="radio" name="houseType" id="houseType4" value="4">4 砖瓦平房<input type="radio" name="houseType" id="houseType5" value="5">5 砖瓦楼房<input type="radio" name="houseType" id="houseType6" value="6">6 其他<input type="text" id="houseTypeOther" name="houseTypeOther" maxlength="200"/></td></tr>

/** 字段监听* */$(document).ready(function() {$('input[type=radio][name=houseType]').change(function() {if (this.value == '6') {$("#houseTypeOther").removeProp("readonly");} else {$("#houseTypeOther").attr("value", "");$("#houseTypeOther").prop("readonly", true);}});});

注意：如果是引用了layui的样式和方法，则上面的监听事件失效，被layui接管了，所以应该如下写法：

layui.use(['form', 'element', 'laydate'], function(){var jQuery = layui.jquery,layer = layui.layer,form = layui.form(),element = layui.element();form.on("radio(sex)", function (data) {var sex = data.value;if (this.value == '1') { alert("这是个男孩"); } else if (this.value == '2') { alert("这是个女孩"); } });
});