文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>jquery 全选 反选

jquery 全选 反选

时间:2011-01-27  来源:lexus

 

$(function(){
        $('#inputChkAll').click(function(){
                $("input[name='chkJob']").attr("checked", $(this).attr("checked"));//注意此处
        });
});

代码如上,#inputChkAll用来全选或者全不选的CheckBox控件,其控制了name='chkJob'这个复选组。

现在回过头再来看看以前用JS如何实现全选和全不选的:

//全选
function checkall() {
        var all = document.getElementsByTagName("input");
        for (var i = 0; i < all.length; i++) {
                if (all[i].type == "checkbox") {
                        all[i].checked = true;
                }
        }
}
 
// 反选
function checknull() {
        var all = document.getElementsByTagName("input");
        for (var i = 0; i < all.length; i++) {
                if (all[i].type == "checkbox") {
                        all[i].checked = false;
                }
        }
}

ref
http://www.imwls.com/jquery-checkbox-checkall-checknone
相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载