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+",";
    }
}
相关推荐
陶甜也4 小时前
ThreeJS曲线动画:打造炫酷3D路径运动
前端·vue·threejs
楊无好4 小时前
react中的受控组件与非受控组件
前端·react.js
菠萝+冰4 小时前
react虚拟滚动
前端·javascript·react.js
落一落,掉一掉4 小时前
第十三周前端加密绕过
前端
高德开放平台5 小时前
实战案例|借助高德开放平台实现智慧位置服务:路线导航的开发与实践
前端·后端
老前端的功夫6 小时前
# HTTP缓存:从懵懵懂懂到了如指掌
前端
安卓开发者6 小时前
Docker与Nginx:现代Web部署的完美二重奏
前端·nginx·docker
Dorian_Ov06 小时前
GeoPandas+DataFrame实现shapefile文件导入PostGIS数据库
前端·gis
哟哟耶耶6 小时前
Starting again company 03
前端·javascript·vue.js
葡萄城技术团队6 小时前
SpreadJS 赋能在线 Excel:协同编辑与精细化权限管控的技术实现
前端