layui单选框选中事件

<input type="radio" name="sex" lay-filter="erweima" value="二维码" title="二维码">
<input type="radio" name="sex" lay-filter="erweima" value="图片" title="图片" >


如图

layui.use('form', function () {
var form = layui.form;

        form.on('checkbox(switchTest)', function (data) {
            alert("哈哈哈");
            layer.tips('开关checked:' + (this.checked ? 'true' : 'false'), data.othis);
            //layer.tips('开关checked:' + (this.checked ? 'true' : 'false'), data.othis)
        });

        form.on('radio(erweima)', function (data) {
            alert(data.elem);
            //console.log(data.elem);
            alert(data.value);//判断单选框的选中值
            //console.log(data.value);
            //alert(data.othis);
            //layer.tips('开关checked:' + (this.checked ? 'true' : 'false'), data.othis);
            //layer.alert('响应点击事件');
        });

        form.on('submit(formDemo)', function (data) {
            //layer.msg(JSON.stringify(data.field));
            alert("哈哈哈");
            return false;
        });

        form.render();
        //各种基于事件的操作,下面会有进一步介绍
    });

切记两点:

  1. form.on('radio(erweima)', function (data) {
    alert(data.elem);
    //console.log(data.elem);
    alert(data.value);//判断单选框的选中值
    //console.log(data.value);
    //alert(data.othis);
    //layer.tips('开关checked:' + (this.checked ? 'true' : 'false'), data.othis);
    //layer.alert('响应点击事件');
    });
    这是单选框的点击事件
    2.放在layui.use里面。
    3.别忘了引入: <script type="text/javascript" src="../layer/layer.js"></script>
    <script type="text/javascript" src="../layui/layui.js"></script>
    4.有时候,如果layerjs,放在layui的后面,F12会有报错的。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容