首頁 > web前端 > js教程 > 比较全的JS checkbox全选、取消全选、删除功能代码_javascript技巧

比较全的JS checkbox全选、取消全选、删除功能代码_javascript技巧

WBOY
發布: 2016-05-16 18:57:40
原創
1100 人瀏覽過

看下面两种实现方法:
JS checkbox 方法一:

复制代码 代码如下:

function checkAll()
{
var code_Values = document.all['code_Value'];
if(code_Values.length){
for(var i=0;i{
code_Values[i].checked = true;
}
}else{
code_Values.checked = true;
}
}
function uncheckAll()
{
var code_Values = document.all['code_Value'];
if(code_Values.length){
for(var i=0;i{
code_Values[i].checked = false;
}
}else{
code_Values.checked = false;
}
}
function multipleDelete()
{
var num = 0;
var code_Values = document.all['code_Value'];
if(code_Values.length){
for(var i=0;i{
if(code_Values[i].checked == true)
{
num ++;
}
}
}else{
if(code_Values.checked == true){
num ++ ;
}
}
if(num == 0){
alert('Please select delete item');
}
if(num >0){
document.BuCodeSearch.action = '';
document.BuCodeSearch.submit();
}
}


JS checkbox方法二:
复制代码 代码如下:

function checkAll()
{
var code_Values = document.getElementsByTagName("input");
for(i = 0;i if(code_Values[i].type == "checkbox")
{
code_Values[i].checked = true;
}
}
}
function uncheckAll()
{
var code_Values = document.getElementsByTagName("input");
for(i = 0;i if(code_Values[i].type == "checkbox")
{
code_Values[i].checked = false;
}
}
}
function multipleDelete()
{
if (document.BuCodeSearch.elements["code_Value"])
{
var num = 0;
var fm = document.BuCodeSearch;
if (document.BuCodeSearch.elements["code_Value"])
{
var elm = document.BuCodeSearch.elements["code_Value"];
var ename = "code_Value";
if (elm.length) {
var len = fm.elements[ename].length;
for (var i = 0; ivar e = fm.elements[ename][i];
if (e.checked == true){
num++;
}
}
} else {
if (elm.checked == true ) {
num++;
}
}
if (num > 0 )
{
document.BuCodeSearch.action = '';
document.BuCodeSearch.submit();
}
}
}
}

code_Value为checkbox表单的名称,BuCodeSearch为form名称
复制代码 代码如下:


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板