layui单选框选中事件



layui单选框选中事件_第1张图片
如图

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.别忘了引入:

    4.有时候,如果layerjs,放在layui的后面,F12会有报错的。

你可能感兴趣的:(layui单选框选中事件)