怎么用js做一个全选按钮?
我有三行checkbox,每行的最后都有一个全选用的checkbox,每行的最后一个checkbox只能控制每行的,请问要怎么实现?????...
我有三行checkbox,每行的最后都有一个全选用的checkbox,每行的最后一个checkbox只能控制每行的,请问要怎么实现?????
展开
3个回答
展开全部
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;
}
}
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;
}
}
展开全部
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"
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"
参考资料: http://zhidao.baidu.com/question/169375366.html
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
再做一个全选的按钮,这个全选的按钮把你原来每行的全选功能都调用上不就行了啊!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询