美文网首页
layui单选框选中事件

layui单选框选中事件

作者: 青木川_ | 来源:发表于2018-01-30 09:22 被阅读22629次

<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会有报错的。

相关文章

网友评论

      本文标题:layui单选框选中事件

      本文链接:https://www.haomeiwen.com/subject/ymyqzxtx.html