1.jsは文字列とチェックボックスの値に従って選択します
var fieldStrValue="a,b,c,d,e,f,g";
var names = fieldStrValue.split(",");
var inputs = document.getElementsByClassName('checkbox-list');
for (var i = 0; i < inputs.length; i++) {
for (var n = 0; n < names.length; n++) {
if (names[n] === inputs[i].value) {
inputs[i].checked = true;
}
}
}
2.JSはすべてのチェックボックスを選択し、すべての選択操作をキャンセルします
<!--全选操作-->
var checked = document.getElementsByClassName('checkbox-list');
for (i = 0; i < checked.length; i++) {
checked[i].checked = true;
}
<!--取消全选操作-->
var checked = document.getElementsByClassName('checkbox-list');
for (i = 0; i < checked.length; i++) {
checked[i].checked = false;
}
3.選択したチェックの値を取得します
let cbV = document.getElementsByClassName('checkbox-list');
let cbarry = [];
for (i = 0; i < cbV.length; i++) {
if (cbV[i].checked === true) {
cbarry.push(cbV[i].value);
}
}
console.log(cbarry);
console.log(cbarry.toString());