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行