js如何判断checkbox是否选中(解析复选框的checked属性)

   日期:2022-02-24     文章发布:文章发布    网络转载:生活号    
核心提示:方法1 在返回的json中设置LAY_CHECKED为true,页面上的checkbox就是选中状态了。 data":[ {"name":"北京市","areaType":"省/直辖市","id":"110000","LAY_CHECKED":true}, {"name":"市辖区","areaType":"地市","id":"110100","LAY_CHECKED":true}, {"...
移动站源标题:http://mip.818114.com/news/item-178270.html

方法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

方法4

免责声明:本网部分文章和信息来源于互联网,本网转载出于传递更多信息和学习之目的,并不意味着赞同其观点或证实其内容的真实性,如有侵权请通知我们删除!(留言删除
 
 
更多>同类行业

同类新闻
最新资讯
最新发布
最受欢迎
网站首页  |  黄页  |  联系方式  |  信息  |  版权隐私  |  网站地图  |  API推送  |  网站留言  |  RSS订阅  |  违规举报  |  陇ICP备22000095号