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

怎么用js做一个全选按钮?,第1张

function select_all(){

var inputs = document.getElementsByTagName('input')

for(var i=0i<inputs.lengthi++)

{

if(inputs[i].getAttribute('type')=='checkbox')

{

inputs[i].checked = true

}

}

}

function reverse_select_all(){

var inputs = document.getElementsByTagName('input')

for(var i=0i<inputs.lengthi++)

{

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=1i<=NUMBERi++)

{

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+1i<=NUMBERi++)

{

var bba=QIANZHUI+"_"+i

var bba1=document.getElementById(MENU_ALL)

if(bba1.checked)

document.getElementById(bba).checked=true

else

document.getElementById(bba).checked=false

}

}

$("#check_group input[type='checkbox']").each(function()

{

$(this).attr("checked",true) // 全选

$(this).attr("checked",false) // 清空

})

这是我写的博客地址,比较简单的选择,但还算实用

http://blog.csdn.net/qq_30252319/article/details/51991404#

CheckBox复选框JS实现全选全不选功能,很简单,就只需插入一小段js函数就行了。。。

<script

language="javascript">

function

cli(Obj)

{

//获取控制其它复选框的对象obj

var

collid

=

document.getElementByIdx_x("all")

//获取需要全选,全不选功能的所有复选框

var

coll

=

document.getElementsByName(Obj)

//如果obj被选中,则全选

if

(collid.checked){

//循环设置所有复选框为选中状态

for(var

i

=

0

i

<

coll.length

i++)

coll[i].checked

=

true

}else{//取消obj选中状态,则全不选

//循环设置所有复选框为未选中状态

for(var

i

=

0

i

<

coll.length

i++)

coll[i].checked

=

false

}

}

</script>

----------------------------------------------------

下面是一组CheckBox复选框html代码

----------------------------------------------------

<input

name='多选项名称'

type='checkbox'

value=''

id="all"

onclick="cli('多选项名称')">

全选

<input

name='多选项名称'

type='checkbox'

value=''

>

A

<input

name='多选项名称'

type='checkbox'

value=''

>

B

<input

name='多选项名称'

type='checkbox'

value=''

>

C

<input

name='多选项名称'

type='checkbox'

value=''

>

D

<input

name='多选项名称'

type='checkbox'

value=''

>

E

<input

name='多选项名称'

type='checkbox'

value=''

>

F

----------------------------------------------------


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11820321.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存