JQuery UI Dialog使用样例

 

<!--  ready事件的简写 -->
$(function(){

    //确认删除对话框
	$( "#dialog" ).dialog({
		 buttons: { "是": function() { 
		   var checkeboxs = $(".cbTable");	
		   $("#deleteDetail").attr('value',getCheckedCheckBoxValue(checkeboxs))
		   $("#fmDeleteUser").submit();
		 
		 } ,
		 "否": function() { $(this).dialog("close");}
		 },
		 draggable: false,
		 disabled: true ,  //是否可以移动，true不可以
		 resizable: false , //是否可以变化大小
		 autoOpen: false,  //显示窗口
		  modal: true // 背后内容是否可以操作开关，true不可以
		 });
	
	//未选择删除项对话框
	$( "#dialog_err" ).dialog({
		 draggable: false,
		 disabled: true ,
		 resizable: false ,
		  modal: true ,
		 autoOpen: false

	});


	$( "#btDelete" ).click(function(){
	    
		// 判断是否有内容被选中
	    var checkeboxs = $(".cbTable");		
		if(hasCheckedCheckBox(checkeboxs)){
			 $( "#dialog" ).dialog({ autoOpen: true });
		}else{
			 $( "#dialog_err" ).dialog({ autoOpen: true });
		}  
	});
});

/*找有没有被选中的checkbox*/
function hasCheckedCheckBox(checkboxs){
    var hasChecked = false
    $(checkboxs).each(function(){	   
	   if($(this).attr("checked")=='checked'){
	     hasChecked = hasChecked || true;
	   }
	});
	return hasChecked;
}

/*找有没有被选中的checkbox*/
function getCheckedCheckBoxValue(checkboxs){
   var values = "";
    $(checkboxs).each(function(){	   
	   if($(this).attr("checked")=='checked'){  // checkbox中北选中的
	     values = values + $(this).attr("idV") + ",";
	   }
	});
	return values;
}