JS checkbox 全选 全不选

2023-02-13,,,

/*
JS checkbox 全选不选 Html中checkbox: <input type="checkbox" name="cbx" value="<%= Default by yourself %>"/>
以下方法各有优劣,使用时根据情况而定.
*/ //全选(方法一:each 循环)
function checkAll() {
$.each($("input[name=cbx]"), function(i) {
if ($(this).attr("checked") == false) {
$(this).attr("checked", "true");
}
});
} //全选(方法二:根据名称)
function checkAll() {
var code_Values = document.all['cbx'];
if(code_Values.length){
for(var i=0;i<code_Values.length;i++){
code_Values[i].checked = true;
}
}else{
code_Values.checked = true;
}
} //全选(方法三:根据Tag 和 Type [input中的type])
function checkAll() {
var code_Values = document.getElementsByTagName("input");
if (code_Values.length) {
for (i = 0; i < code_Values.length; i++) {
if (code_Values[i].type == "checkbox") {
code_Values[i].checked = true;
}
}
} else {
if (code_Values.type == "checkbox") {
code_Values.checked = true;
}
}
} //全不选(方法一:each 循环)
function uncheckAll() {
$.each($("input[name=cbx]"), function(i) {
if ($(this).attr("checked") == true) {
$(this).attr("checked", "false");
}
});
} //全不选(方法二:根据名称)
function uncheckAll()
{
var code_Values = document.all['cbx'];
if(code_Values.length){
for(var i=0;i<code_Values.length;i++){
code_Values[i].checked = false;
}
}else{
code_Values.checked = false;
}
} //全不选(方法三:根据Tag 和 Type [input中的type])
function uncheckAll() {
var code_Values = document.getElementsByTagName("input");
if (code_Values.length) {
for (i = 0; i < code_Values.length; i++) {
if (code_Values[i].type == "checkbox") {
code_Values[i].checked = false;
}
}
} else {
if (code_Values.type == "checkbox") {
code_Values.checked = false;
}
}
}

JS checkbox 全选 全不选的相关教程结束。

《JS checkbox 全选 全不选.doc》

下载本文的Word格式文档,以方便收藏与打印。