读书人

JQuery UI Dialog施用样例

发布时间: 2012-10-25 10:58:57 作者: rapoo

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

?

读书人网 >Web前端

热点推荐