全选、反选、全不选

简介:
<input type="button" value="全选" onclick="quanx()">&nbsp;&nbsp;&nbsp;
<input type="button" value="全不选" onclick="quanb()">&nbsp;&nbsp;&nbsp;
<input type="button" value="反选" onclick="quanf()">&nbsp;&nbsp;&nbsp;


//全选
function quanx()
    {
        var abj=document.getElementsByName("chk[]");
            for(i=0;i<abj.length;i++){
                if(abj[i].checked==false){
                abj[i].checked=true;
                }
            }
    }
    
//全不选
function quanb(){
    var bbj=document.getElementsByName("chk[]");
            for(i=0;i<bbj.length;i++){
                if(bbj[i].checked==true){
                bbj[i].checked=false;
                }
            }
}

//反选
function quanf(){
    var cbj=document.getElementsByName("chk[]");
            for(i=0;i<cbj.length;i++){
                if(cbj[i].checked==true){
                cbj[i].checked=false;
                }else{
                cbj[i].checked=true
                }
            }
    }




      本文转自噼里啪啦啦 51CTO博客,原文链接:http://blog.51cto.com/pilipala/1670690,如需转载请自行联系原作者







相关文章
|
6月前
|
JavaScript
原生js实现复选框(全选/全不选/反选)效果【含完整代码】
原生js实现复选框(全选/全不选/反选)效果【含完整代码】
193 1
|
5月前
|
JavaScript
原生JS实现全选、全不选
原生JS实现全选、全不选
|
5月前
|
JavaScript 前端开发
详细解读checkbox的全选与反选
详细解读checkbox的全选与反选
44 0
|
6月前
|
JavaScript 前端开发
JavaScript解决多选框全选、全不选和反选的问题
JavaScript解决多选框全选、全不选和反选的问题
33 0
单选、全选、反选、获得所有选中的checkbox
单选、全选、反选、获得所有选中的checkbox
|
JavaScript 前端开发
一行jQuery代码搞定checkbox 全选和全不选
一行jQuery代码搞定checkbox 全选和全不选
|
JavaScript
原生js实现全选全不选
原生js实现全选全不选
50 0
|
JavaScript 前端开发
单选与全选
结合table表格和checkbox复选框实现单选与全选功能(本文只考虑功能实现,样式不要在意,虽然极丑,但我看不到 φ(>ω<*) )。
单选与全选