JQuery插件第五个:操作复选框
2011-12-21 07:32
288 查看
var chb={ o:null, f : function(){ return document.forms[0]; },//获取一组复选框的值 Get:function($obj){ var ids=','; $obj.each(function(){ ids+=$(this).is(":checked")?','+$(this).val():''; }); ids=ids.replace(',,',''); ids=(ids==',')?'':ids; return ids; }, //给一组复选框设置值 Set:function($obj,checkBoxValues){ if(typeof checkBoxValues=='string') { var ids=','+checkBoxValues+','; $obj.each(function(){ var val=','+$(this).val()+','; $(this).attr("checked",ids.indexOf(val)>-1?true:false); }); } }, //在某范围内全选或全不选 s:function (obj,str) { if(obj.checked == true) this.setCheck("all",str); else this.setCheck("clear",str); this.o=obj; }, // 全选 a:function () { this.setCheck("all"); }, //反选 r:function () { this.setCheck("rev"); }, // 全不选 c:function () { this.setCheck("clear"); }, // 选择checkBox setCheck:function (sVal,sStr) { $("input:checkbox:not(:disabled)",this.f()).each(function(){ var e=this; if(this.o!=e && sStr==null) { if(sVal=="all")// 全选 { e.checked=true; } else if(sVal=="rev")// 反选 { e.checked=!e.checked; } else if(sVal=="clear")// 全不选 { e.checked=false; } } // 选择某一控件内部的checkBox else if (this.o!=e && e.id.indexOf(sStr)>=0) { if(sVal=="all")// 全选 { e.checked=true; } else if(sVal=="rev")// 反选 { e.checked=!e.checked; } else if(sVal=="clear")// 全不选 { e.checked=false; } } }); }, // 选择某一控件内部的checkBox selControlIsCheck:function (sStr) { var iCount=0; $("input:checkbox:checked",this.f()).each(function(){ var e=this; if(e.id.indexOf(sStr)>=0) iCount++; }); return iCount; } ,checkboxChoose:function () { $("input:checkbox:checked").each(function(){ return true; }); return false; } ,checkControlAll:function (sStr,sAll,sid,sidDiv) { var checkboxCount = 0; var count = 0; sAll=(sAll==null)?"selestAll":sAll; $("input:checkbox").each(function(){ var i=this; if (i.id.indexOf(sStr)>=0) { if(i.disabled!=true) { checkboxCount++; } } if(i.id != sAll) { if(i.checked==true&& sStr==null) { count++; } else if(i.checked==true&&i.id.indexOf(sStr)>=0) { count++; } } }); $("#"+sAll).attr("checked",(count == checkboxCount )?true:false); var iCount =(sid!=null)?this.selControlIsCheck(sid):0; if(iCount==0 && sidDiv!=null) { $("#"+sidDiv).css({"color":"red"}).text("*必选"); } else if(iCount > 0 && sidDiv!=null) { $("#"+sidDiv).css({"color":"black"}).text("√"); } } } $.extend({ chkBox:chb });
相关文章推荐
- jQuery复选框操作
- jquery 循环获取checkBox的值,以及对复选框选中,取消,操作按钮
- JQuery对单选框,复选框,下拉菜单的操作
- jquery操作复选框(checkbox)的12个小技巧总结
- [jQuery]操作具有父子关系的复选框
- jQuery的DOM操作实例(2)——拖拽效果&&拓展插件
- Jquery操作复选框(CheckBox)的取值赋值实现代码
- jQuery 操作复选框(checkbox) attr checked不起作用
- jquery操作复选框checkbox的方法汇总
- jquery的复选框操作
- 操作select的jquery插件 注意:使用时请保持JS文件的编码和你程序的编码一致...
- 提高表格操作的十五款jQuery插件
- Jquery对复选框CheckBox的操作
- jquery操作复选框checkbox
- jquery操作复选框(checkbox)的12个小技巧总结
- jQuery 的拖放操作插件集合
- 关于jQuery操作复选框checkbox的attr无效的问题的解决方案
- 自制的操作下拉列表框(SELECT)的三个jquery插件(ajax填充、联动、增加选项)
- Jquery操作复选框
- jquery复选框操作