Question

怎么用js做一个全选按钮？

我有三行checkbox，每行的最后都有一个全选用的checkbox，每行的最后一个checkbox只能控制每行的，请问要怎么实现？？？？？

Answer 1

function select_all(){
var inputs = document.getElementsByTagName('input');
for(var i=0;i<inputs.length;i++)
{
if(inputs[i].getAttribute('type')=='checkbox')
{
inputs[i].checked = true;
}
}

}

function reverse_select_all(){
var inputs = document.getElementsByTagName('input');
for(var i=0;i<inputs.length;i++)
{
if(inputs[i].getAttribute('type')=='checkbox')
{
if (inputs[i].checked == true){
inputs[i].checked = false
}else{
inputs[i].checked = true;
}
}
}
}

function selectAll1(MENU_ALL,QIANZHUI,NUMBER)//全选名称或id,前缀，个数
{
for(var i=1;i<=NUMBER;i++)
{
var bba=QIANZHUI+"_"+i;
var bba1=document.getElementById(MENU_ALL);
if(bba1.checked)
document.getElementById(bba).checked=true;
else
document.getElementById(bba).checked=false;
}
}

function selectAll2(MENU_ALL,QIANZHUI,NUMBER,NUMBER1)//全选名称或id,前缀，开始位置，结束位置
{
for(var i=NUMBER1+1;i<=NUMBER;i++)
{
var bba=QIANZHUI+"_"+i;
var bba1=document.getElementById(MENU_ALL);
if(bba1.checked)
document.getElementById(bba).checked=true;
else
document.getElementById(bba).checked=false;
}
}

Answer 2

js判断吧
function GetAllCheckBox(CheckAll)
{
var items= document.getElementsByName("id");
for(i=0;i<items.length;i++)
{
items[i].checked=CheckAll.checked;
}
}
在全选的checkbox中调用函数：onclick="GetAllCheckBox(this)"
也可以在button按钮中调用函数
在各行的checkbox中 name="id"

Answer 3

再做一个全选的按钮，这个全选的按钮把你原来每行的全选功能都调用上不就行了啊！