咨询热线:15811653920

2009-2017

我们一直走在国际设计的前沿,追求与研究从未停止

我的位置:首页 > 学院 > 代码仓库

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();
        //各种基于事件的操作,下面会有进一步介绍
    });
切记两点:

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

想了解更多,请访问齐创互联,需要网站建设,浏览快速建站模板快速建站
点击在线客服联系客服,联系电话:15811653920 联系人: 丁生.


感谢您关注我们,如果您有建站需求,请与我们取得联系。
扫一扫上面的二维码图案,加我微信
扫一扫上面的二维码图案,加我微信
咨询直线:15811653920 丁生

建站模板

Web Templates

建站龙头,低价保证,贴心服务

权威认证建站龙头企业,合理定价,实现与客户的长期合作,30万家企业级用户优选!