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+",";
    }
}
相关推荐
三月的一天7 分钟前
在 React Three Fiber 中实现 3D 模型点击扩散波效果
前端·react.js·前端框架
爱敲代码的小冰7 分钟前
npm 切换 node 版本 和npm的源
前端·npm·node.js
DoraBigHead12 分钟前
🧠【彻底读懂 reduce】acc 是谁?我是谁?我们要干嘛?
前端·javascript·面试
future141224 分钟前
项目开发日记
前端·学习·c#·游戏开发
汪子熙33 分钟前
CSS 中 td:last-child a 选择器详解
前端·javascript
北北~Simple1 小时前
第一次搭建数据库
服务器·前端·javascript·数据库
GanGuaGua1 小时前
Vue3常用指令
前端·javascript·vue.js
欧阳天风1 小时前
录音实时上传
前端·javascript
江号软件分享1 小时前
从DNS到防火墙:NetDisabler多策略断网方法详解
前端
灵犀学长1 小时前
解锁HTML5页面生命周期API:前端开发的新视角
前端·html·html5