js脚本教程66：js脚本动态选择复选框全选反选

讲师：瑞德威(赵老师)

JavaScipt基础知识 视频教程

第二十七课 js动态选择复选框、全选、反选、取消选择

<div id="div2">
爱好：
<input name="aihao" type="checkbox" value="唱歌" /><label class="checkbox">唱歌</label>
< input name="aihao" type="checkbox" value="旅游" /><label class="checkbox">旅游</label>
< input name="aihao" type="checkbox" value="看书" /><label class="checkbox">看书</label>
<input name="aihao" type="checkbox" value="打球" /><label class="checkbox">打球</label>
< /div>

3、js动态选择复选框
function selectcheckbox(){
var k=form1.selectnum.value;
//k=parseInt(k);
var allbox = document.getElementsByName("aihao");
var m = allbox.length;
for(var i=0;i<m;i++){
if(k==allbox[i].value){
allbox[i].checked=true;
}
}
}
4、js设置复选框全选、全不选、反选

a、全选
function selectall(){
var allbox = document.getElementsByName("aihao");
var m = allbox.length;
for(var i=0;i<m;i++){
allbox[i].checked=true;
}
}

b、全不选
function noselectall(){
var allbox = document.getElementsByName("aihao");
var m = allbox.length;
for(var i=0;i<m;i++){
allbox[i].checked=false;
}
}
c、反选
function fanselect(){
var allbox = document.getElementsByName("aihao");
var m = allbox.length;
for(var i=0;i<m;i++){
if(allbox[i].checked){
allbox[i].checked=false;
}
else
{
allbox[i].checked=true;
}
}
}