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;}?
?