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
----------------------------------------------------
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)