jquery中的插件开发

1. 创建jquery_delete_plusgs

(function(jQuery){
	/**
	 * 删除的插件
	 */
	$.deleteObj = function(config){
		/**
		 * config.id代表删除按钮的id的值
		 */
		$("#"+config.id).unbind("click");
		$("#"+config.id).bind("click",function(){
			if($("input[name='"+config.checkboxname+"']:checked").length==0){//表格中的所有的复选框没有一个被选中
				alert("请选中一个再删除");
			}else{
				if(window.confirm("您确认要删除吗?")){
					//被选中的所有的复选框
					var checkedNodes = $("input[name='"+config.checkboxname+"']:checked");
					/**
					 * "1,2,3,4"
					 */
					var checkedStr = "";
					for(var i=0;i<checkedNodes.length;i++){
						if(i==checkedNodes.length-1){
							/**
							 * checkedNodes[i]代表某一个checkbox元素
							 * checkedNodes[i]是一个dom对象
							 */
							checkedStr = checkedStr+$(checkedNodes[i]).attr("value");
						}else{
							checkedStr = checkedStr+$(checkedNodes[i]).attr("value")+",";
						}
					}
					window.location.href = config.url+"?checkedStr="+checkedStr;
				}
			}
		});
		
		
})(jQuery)

2. 创建Utils

var GylUtils = {
    /**
     * 基础数据模块
     */
    basedata: {
        /**
         * 基础数据模块的查询页面的删除功能的js处理
         */
        deleteObj: {
            /**
             * 当页面上的复选框被选中以后，点击删除按钮要做的事情
             */
            deleteFunction: function(config){
                $.deleteObj(config);
            }
        }
	}
}

3. 在页面调用:

<script type="text/javascript">
	$().ready(function(){
	    
		 GylUtils.basedata.deleteObj.deleteFunction({
			id:'deleteSome',
			checkboxname:'ids',
			controlCheckBox:'controlCheckbox',
			url:'departmentAction_deleteDepartments.action'
		 }); 
	   });
</script>

实例: 供应链 jsp/gyl/basedata/department/list.jsp 中 14行-20行