您现在的位置是:群英 > 开发技术 > web开发
JavaScript怎么判断checkbox是否选取
Admin发表于 2022-05-26 17:28:291324 次浏览
在这篇文章中,我们将学习“JavaScript怎么判断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

方法4


到此这篇关于“JavaScript怎么判断checkbox是否选取”的文章就介绍到这了,感谢各位的阅读,更多相关JavaScript怎么判断checkbox是否选取内容,欢迎关注群英网络资讯频道,小编将为大家输出更多高质量的实用文章!

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。

标签: checkbox
相关信息推荐
2021-12-14 18:01:01 
摘要:这篇文章给大家分享的是Django+Bootstrap实现分页的功能,小编觉得比较实用,因此分享给大家做个参考,文中示例操作介绍的非常详细,对大家学习Bootstrap的使用有一定的帮助,那么感兴趣的朋友接下来一起跟随小编了解看看吧。
2022-12-24 11:47:00 
摘要:实现步骤:1、定义2个空数组,用于存储两次反转的键和值;2、用foreach语句遍历原数组,将原数组键和值赋给一个空数组作值和键,语法“foreach($arr as $k1=>$v1){$r1[$v1]=$k1;}”;3、用foreach语句遍历反转数组,将键和值赋给另一个空数组作值和键,语法“foreach($r1 as $k2=>$v2){$r2[$v2]=$k2;}”。
2022-07-23 17:46:56 
摘要:本篇文章向大家介绍PHP8的一些语法新特性,有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
云活动
推荐内容
热门关键词
热门信息
群英网络助力开启安全的云计算之旅
立即注册,领取新人大礼包
  • 联系我们
  • 24小时售后:4006784567
  • 24小时TEL :0668-2555666
  • 售前咨询TEL:400-678-4567

  • 官方微信

    官方微信
Copyright  ©  QY  Network  Company  Ltd. All  Rights  Reserved. 2003-2019  群英网络  版权所有   茂名市群英网络有限公司
增值电信经营许可证 : B1.B2-20140078   粤ICP备09006778号
免费拨打  400-678-4567
免费拨打  400-678-4567 免费拨打 400-678-4567 或 0668-2555555
微信公众号
返回顶部
返回顶部 返回顶部