监听单选框radio改变事件（和layui中单选按钮改变事件）

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

<input type="radio" name="sex" checked="checked" value="1">男
<input type="radio" name="sex" value="2">女

$(document).ready(function() { 
    $('input[type=radio][name=sex]').change(function() {
        if (this.value == '1') { 
            alert("这是个男孩"); 
        } else if (this.value == '2') { 
            alert("这是个女孩"); 
        } 
    }); 
});

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

lay-filter一定要加

<div class="layui-form-item">
					<label class="layui-form-label">通讯协议</label>
					<div class="layui-input-block">
						<input type="radio" name="Modbus" value="1" title="Modbus RTU" checked="" lay-filter="test1">
						<input type="radio" name="Modbus" value="2" title="Modbus TCP" lay-filter="test1">
						<input type="radio" name="Modbus" value="3" title="数据透传" lay-filter="test1">
					</div>
				</div>

layui.use(['form', 'element', 'laydate'], function(){
    var jQuery = layui.jquery
    ,layer = layui.layer
    ,form = layui.form
    ,element = layui.element;

	form.on("radio(test1)", function (data) {
       var sex = data.value;
        if (this.value == '1') { 
            alert("这是个男孩"); 
        } else if (this.value == '2') { 
            alert("这是个女孩"); 
        } 
    });
});