解析複選框的checked屬性「js如何判斷checkbox是否選中」

方法1

在返回的json中設置LAY_CHECKED為true,頁面上的checkbox就是選中狀態了。

data":[
    {"name":"北京市","areaType":"省/直轄市","id":"110000","LAY_CHECKED":true},
    {"name":"市轄區","areaType":"地市","id":"110100","LAY_CHECKED":true},
    {"name":"縣","areaType":"地市","id":"110200","LAY_CHECKED":false}
]

方法2

如果返回的數據中沒有LAY_CHECKED怎麼辦?比如說返回的是這樣的數據:

data":[
    {"name":"北京市","areaType":"省/直轄市","id":"110000","checked":true},
    {"name":"市轄區","areaType":"地市","id":"110100","checked":true},
    {"name":"縣","areaType":"地市","id":"110200","checked":false}
]

注意:這裡用的是checked來標識是否選中,而非LAY_CHECKED。

這時候可以修改下頁面的js。

layui.use('table', function(){
    var $ = layui.$;
    var table = layui.table;
    
    //在使用table之前加上下面這句就可以了
    table =  $.extend(table, {config: {checkName: 'checked'}});
    table.render({
        ...
    });
});

方法3

layui中的table checkbox 默認選中設置

方法4

layui中的table checkbox 默認選中設置
layui中的table checkbox 默認選中設置

原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/268022.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
投稿專員的頭像投稿專員
上一篇 2024-12-15 16:30
下一篇 2024-12-16 13:07

相關推薦

發表回復

登錄後才能評論