怎么用JavaScript实现复选框的全部选择和全部取消

JavaScript08

怎么用JavaScript实现复选框的全部选择和全部取消,第1张

思路:获取复选框对象→循环设置ckecked属性值(true表示选中,false表示未选中)。关键代码:

obj.checked = true | false

实例演示如下:

1、HTML结构

<input type="checkbox" name="test" value="1">item-1

<input type="checkbox" name="test" value="2">item-2

<input type="checkbox" name="test" value="3">item-3<br>

<input type="checkbox" name="test" value="4">item-4

<input type="checkbox" name="test" value="5">item-5<br>

<input type="button" value="全选" onclick="setChecked(true)"><input type="button" value="取消" onclick="setChecked(false)">

2、javascript代码

function setChecked(option){

var cks = document.getElementsByName("test")

for(i=0i<cks.lengthi++){

cks[i].checked = option

}

}

3、效果演示

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

{

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

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

})

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

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