layui checkbox选中

学习教程 2019-09-02 68次浏览 0个评论
文章目录[隐藏]

layui checkbox 选中问题

前言

layui要如何选中呢?在我们使用layui过程中,经常会遇到动态增加 checkbox 的情况,今天我便遇到了,但是在获取 checkbox 选中状态时,始终不对,最后找到方法了,原来是我方法用错了。

方法

获取 checked 属性,用 attr,设置 checked 属性时用 prop

还有就是在动态渲染 checkbox 时,记得使用 form.render('checkbox');渲染

栗子

<input lay-filter="test" lay-skin="primary"  type="checkbox" value="" title="我是栗子"/>
  layui.use(['jquery', 'form'], function(){
        var form = layui.form;
        var $ = layui.jquery;
     //这里的 menu 就是 HTML 上面的 lay-filter 值,就固定一个值就好
        form.on('checkbox(test)', function(data){
          var dataValue = data.value;       
          // console.log(data.elem); //得到 checkbox 原始 DOM 对象
          console.log(data.elem.checked); //是否被选中,true 或者 false
          // console.log(data.value); //复选框 value 值,也可以通过 data.elem.value 得到
          // console.log(data.othis); //得到美化后的 DOM 对象
          // 动态渲染的元素则要通过
           $(动态渲染的 checkbox dom 元素).prop("checked", true);
           获取 checkbox 状态可用
           $(动态渲染的 checkbox dom 元素).attr("checked");
        });  
    });

以上就是我在用layuicheckbox 遇到的问题,如果不对请指出,十分感谢

喜欢 (4)