在jQuery UI对话框中显示复选框,并提供"取消"按钮

$(function() {
  $("#dialog").dialog({
    autoOpen: false,
    buttons: {
      "取消": function() {
        $(this).dialog("close");
      }
    }
  });
});

<div id="dialog" title="复选框示例">
 <input type="checkbox" id="checkbox1">
 <label for="checkbox1">选项1</label>
  <br>
 <input type="checkbox" id="checkbox2">
 <label for="checkbox2">选项2</label>
  <br>
 <input type="checkbox" id="checkbox3">
 <label for="checkbox3">选项3</label>
</div>

$(function() {
  $("#dialog").dialog("open");
});