layui 操作秘籍

2021-12-15 15:52
675
0

layui下的checkbox用js操作选中和取消选中    

javascript
    <input lay-skin="primary" type="checkbox" id="checkall" name="type" lay-filter="allChoose" value="checkall" title="全选" />
    //$("#checkall").removeAttr("checked");//无效
    $("#checkall").prop("checked", false);//正确,取消选中
    $("#checkall").prop("checked", true);//正确选中
    form.render("checkbox");//重新渲染页面checkbox控件
    

 

另外一个操作方法

https://www.cnblogs.com/Ao-min/p/14211278.html

 

form.on("checkbox",function(obj){
    console.log(obj)
    var oldState = obj.elem.checked // 记录状态
    var elName = obj.elem.name || '' // 取当前名称
    $("input[name='"+elName+"']").prop("checked", false);   //全部取消选中
    $(this).prop("checked", true);                          //勾选当前选中的选择框
    if(!oldState){ // 如果是flase表示点击的是之前已被选中的那个
        $(this).prop("checked", false); // 取消勾选当前的
    }
    form.render('checkbox');
});

全部评论