20 layui单选框选中事件

<input type="radio" name="sex" lay-filter="erweima" value="二维码" title="二维码">
<input type="radio" name="sex" lay-filter="erweima" value="图片" title="图片" >
dubbo_admin.png
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();
        //各种基于事件的操作,下面会有进一步介绍
    });











切记两点:

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










©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容