jquery +做CheckBoxList全选,反选
来源:互联网 发布:网络优化工作图片 编辑:程序博客网 时间:2024/06/04 08:38
以前我们做CheckBoxList全选,反选,一般用Aspx+CodeFile、或者用JavaScript
现在我们可以用JQuery来帮我Easy Choose.
这里我来写三种:
第一种
全选
$(".checkBoxSelect").each(function() {
$(this).attr("checked", true);
});
反选
$(".checkBoxSelect").each(function() {
if($(this).attr("checked"))
{
$(this).attr("checked", false);
}
else
{
$(this).attr("checked", true);
}
});
第二种
全选
$("#<%=CheckBoxList.ClientID %> input:checkbox").each(function(index,domEle){ if(this.type=="checkbox") this.checked=true; });反选 $("#<%=CheckBoxList.ClientID %> input:checkbox").each(function(index,domEle){ if(this.type=="checkbox") this.checked=!this.checked; });第三种 使用toggle方式进行全选、反选 btnSelAll.click(function() {
jqClass.toggleChecks(null);
});
var jqClass= {
//Toggle Item For CheckBoxList
toggleChecks: function(b) {
$("#<%=cblContact.ClientID %> input[type=checkbox]").each(function() {
if (typeof this.checked != "undefined") {
if (b == null)
this.checked = (!this.checked);
else
this.checked = b;
}
});
}
}
第四种:Plugin 方式
(function($$) {
$.fn.jCheckboxList = function(opt) {
var option = {
root: '', // checkbox id of "select all"
childCls: '' // another checkboxs
};
var opt = $.extend({}, option, opt);
var el = $(this).attr('id');
var allchild = "#" + el + " :input[type=checkbox]." + opt.childCls;
$("#" + opt.root).click(function() {
var isChecked = $(this).attr('checked');
if (isChecked)
$(allchild).attr('checked', true);
else
$(allchild).attr('checked', false);
});
$.each($(allchild), function(i, v) {
var all = $(allchild).length;
$(v).click(function() {
var count = $(allchild + "[checked]").length;
if (count == all)
$("#" + opt.root).attr('checked', true);
else
$("#" + opt.root).attr('checked', false);
});
});
}
})();
- jquery +做CheckBoxList全选,反选
- CheckBoxList 全选,反选
- jquery做全选反选
- jquery 对asp.net CheckBoxList全选、反选
- jquery做全选和反选
- js操作CheckBoxList实现全选、反选
- jquery全选反选
- jquery 全选反选
- Jquery 全选、反选
- jquery -全选/反选
- Jquery 全选,反选
- Jquery 全选 反选
- jquery全选反选
- jquery--全选反选
- jQuery全选反选
- Jquery 全选/反选
- jquery全选反选
- jquery全选反选
- SliverLight和Flex 技术的多方面比较(转载)
- jQuery技巧总结 三
- 用PHP编写Android应用程序
- Linux 系统内核空间与用户空间通信的实现与分析
- jQuery技巧总结 四
- jquery +做CheckBoxList全选,反选
- Mongo北京大会3月3号召开!报名抢注火爆进行中!(免费)
- android UI进阶之android中隐藏的layout 抽屉的运用
- dojo.Chart2D----Pie chart
- final static
- linux 技巧:使用 screen 管理你的远程会话
- C/C++头文件一览
- 一个清华学生留学香港后对人生的思考
- 累累累真的好累,松松松真想放松