html5 checkbox

1 选中状态的设置与获取

(1)获取checkbox是否选中:

java 复制代码
 $("#checkbox").is(":checked");
 $("#checkbox-id")get(0).checked
 $('#checkbox-id').attr('checked')

(2)设置checkbox是否选中

java 复制代码
   $("#checkbox").attr("checked", true);//设置为选中状态
   $("#checkbox").attr("checked", false);//设置为未选中状态
   $("#checkAll").prop("checked",false);//重新请求数据的时候把全选框变为未选中

2 获取选中值和设置选中状态

(1) 设置选中状态JS代码

var listcheck = document.getElementsByName("btn_check");//获取checkbox列表

java 复制代码
for (var i = 0; i < listcheck.length; i++) {
    if (listcheck[i].value == result["personid"]) {//判断条件
        listcheck[i].checked = true;
    } else {
        listcheck[i].checked = false;
    }
}

(2) 获取选中值JS代码

java 复制代码
var check=document.getElementsByName("ljzdcheck_update");
for(var i=0;i<check.length;i++){
    if(check[i].checked==true){
        selectidlist=selectidlist+check[i].id+",";
    }
}
相关推荐
peachSoda73 分钟前
封装一个不同跳转方式的通用方法(跳转外部链接,跳转其他小程序,跳转半屏小程序)
前端·javascript·微信小程序·小程序
@PHARAOH15 分钟前
HOW - 浏览器兼容(含 Safari)
前端·safari
undefined在掘金3904126 分钟前
flutter 仿商场_首页
前端
少卿26 分钟前
react-native图标替换
前端·react native
熊猫钓鱼>_>31 分钟前
TypeScript前端架构与开发技巧深度解析:从工程化到性能优化的完整实践
前端·javascript·typescript
JYeontu1 小时前
肉眼难以分辨 UI 是否对齐,写个插件来辅助
前端·javascript
fox_1 小时前
别再踩坑!JavaScript的this关键字,一次性讲透其“变脸”真相
前端·javascript
盛夏绽放1 小时前
uni-app Vue 项目的规范目录结构全解
前端·vue.js·uni-app
少卿1 小时前
React Native Vector Icons 安装指南
前端·react native
国家不保护废物2 小时前
Vue组件通信全攻略:从父子传到事件总线,玩转组件数据流!
前端·vue.js