自定义插件——zBox
来源:互联网 发布:ubuntu monaco 字体 编辑:程序博客网 时间:2024/05/15 08:04
/** * Created by zrz on 2015/3/10,17:01.创建zrz工具箱,名称暂定为zBox,为便于调用,特全部小写,即为:zbox. * @version 1.0.0 created . 新增一个方便添加全选和单选相互触发的自定义函数selectAll。 * @version 1.0.1 updated . 重新定义selectAll的选择器。更为方便的指定单选组和全选按钮的选择事件。 * @version 1.0.2 created . 新增反选按钮与单选按钮的触发事件绑定。 */(function (z) { z.zbox = { /** * 全选与单选事件触发 * @param allCheck 全选的选择器 * @param radioChecks 单选的参数值 (!!)此处的单选为多选按钮组checkbox的一个按钮 */ selectAll: function (allCheck, radioChecks) { //筛选单选按钮组 var radioValueEles = $(radioChecks); //点击全选时,同组按钮被同步 $(document).delegate(allCheck, "click", function () { if (radioValueEles && radioValueEles.length > 0) { for (var _r = 0; _r < radioValueEles.length; _r++) { if (radioValueEles.hasOwnProperty(_r)) { radioValueEles[_r].checked = $(this).is(":checked"); } } } }); //点击单选按钮时, $(document).delegate(radioChecks, "click", function () { $(allCheck)[0].checked = $(radioChecks + ":checked").length == $(radioChecks).length; }); }, /** * 反选与单选事件触发,可选择是否绑定全选按钮 * @param inverseCheck 全选的选择器 * @param radioChecks 单选checkbox的选择器 * @param allChecks 反选的选择器 */ selectInverse: function (inverseCheck, radioChecks, allCheck) { //筛选单选按钮组 var radioValueEles = $(radioChecks); $(document).delegate(inverseCheck, "click", function () { var allChecked = true; //点击反选时,同组按钮被反向选择 if (radioValueEles && radioValueEles.length > 0) { for (var _r = 0; _r < radioValueEles.length; _r++) { if (radioValueEles.hasOwnProperty(_r)) { radioValueEles[_r].checked = !radioValueEles[_r].checked; allChecked &= radioValueEles[_r].checked; } } } //若有全选的触发,则检测全选按钮是否选中 if (allCheck) { $(allCheck)[0].checked = allChecked; } }); } }})(jQuery, document);
0 0
- 自定义插件——zBox
- zbox的测试例——selectAll+selectInverse
- 自定义Cordova插件—SweetAlertDialogPlugin
- 【jQuery】自定义对象级插件——lifocuscolor插件
- 【JQuery】自定义对象级插件——lifocuscolor插件
- jquery自定义插件——window的实现
- 【jQuery】jQuery自定义插件开发 —— 示例
- JQuery如何自定义插件——$.fn的使用
- 【jQuery】自定义类级别插件—— twoaddresult
- 【JQuery】自定义类级别插件—— twoaddresult
- jQuery学习笔记(6)——自定义插件
- Android Studio自定义插件编写——Android Plugins
- jq自定义插件—$.fn的使用之(打字机)
- 自定义插件
- 自定义插件
- 自定义插件
- ionic插件基础(五)——自定义插件流程详解
- ionic插件基础(六)——自定义插件的demo
- 膄膅蚄螂芇蒁薀螁羆芄蒆螀
- 对同一域名进行请求的并发连接数限制
- 羄膇莈蒂羆节薇螄衿芈莃薃
- 袄袁膇蚄蚃肇膃蚃螆羀蒁蚂
- 蒆薄羇芈蒁螃螆芁薇袂肈芃
- 自定义插件——zBox
- 羁膅芄薅肃羈薃薄螃膃蕿薃
- Rossum--自主运动的秘密
- 膅膁芈螃羇肇芇袆螀莅莆薅
- 螀膈蒈螆袆羄芇虿袂膃膇蚁
- 羅芁螈蚇膁膇螇衿羃薅螆羂
- 蚁羄羃蕿袀袃莈节薆螃芀芇
- 主分区、扩展分区和逻辑分区的区别,系统分区、引导分区和启动分区的区别
- 蕿蚆膂莆蒅蚆芄薁螄螅羄莄