Jquery---checkbox的全选或者全部取消

页面导航:首页 > 网络编程 > JavaScript > Jquery---checkbox的全选或者全部取消

Jquery---checkbox的全选或者全部取消

来源: 作者: 时间:2016-01-23 10:23 【

checkbox是我们在系统开发中不可避免地要使用的一个控件。通常的用法就是,任意选中多个checkbox、全选或者全部取消。前段时间刚又碰到了checkbox这方面的用法。几天就抽点时间,简单

checkbox是我们在系统开发中不可避免地要使用的一个控件。通常的用法就是,任意选中多个checkbox、全选或者全部取消。前段时间刚又碰到了checkbox这方面的用法。几天就抽点时间,简单地总结一下,希望给想要使用checkbox控件的朋友们一点儿帮助。

有时候我们要点击一个checkbox控件,它被选中时,其它checkbox全部被选中,再点击它,即取消选中它,其它checkbox全部被取消选中。这时候我们就可以在HTML或者.文件中使用如下代码来实现此功能。代码如下:

 


                               
$(document).ready(function(){
        $(#checkAll).click(function(){
            if(this.checked)
            {
                $(input[name='checkbox']).each(function(){
                    this.checked=true;
                });
                // $([name='checkbox']).attr(checked,'true');
            }
            else
            {
                $(input[name='checkbox']).each(function(){
                    this.checked=false;
                });
                //$([name='checkbox']).attr(checked,'false');
            }

        });
    });
选中了复选框checkbox,那么如何获取被选中的复选框checkbook的值呢?

 

 


0 1 2 3 4 5 6 7 

 

 

function jqchk(){ //jquery获取复选框值 
var chk_value =[]; 
$(input[name=test]:checked).each(function(){ 
chk_value.push($(this).val()); 
}); 
alert(chk_value.length==0 ?'你还没有选择任何内容!':chk_value); 
} 
以上就是checkbox常用的几个功能,希望能给小伙伴们一点帮助。


 

 

 

Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<