Jquery ui 如何在jQueryUI中创建单选按钮？

如何使复选框成为单选按钮？我想在

按缓冲区
和
按多边形
之前添加一个单选按钮


dialog1.empty（）；
var header=$（''）.text（'By buffer'）；
var toggleBtn=$（''）.attr（'id'，'toggle buffer btn'）.attr（'class'，'btn btn default btn sm'）；
var inputRadius=$（''）.attr（'id'，'radius'）.attr（'class'，'btn btn default btn sm'）.attr（'disabled'，'disabled'）；
var helpLabel=$（“单击并拖动鼠标以创建缓冲区”）；
var polyBufferChkbx=$（''）.attr（'id'，'polygon buffer'）；
var polyBufferLabel=$（'按多边形'）；
var-val；
对话框1.追加（标题）；
对话框1.追加（切换BTN）；
对话框1.追加（inputRadius）；
对话框1.追加（帮助标签）；
对话框1.追加（“
”）；
对话框1.追加（“
”）；
对话框1.append（polyBufferChkbx）；
对话框1.追加（polyBufferLabel）；
如果您要使用jQuery UI，为什么不让它帮助您呢

例如：

HTML

<div id="dialog1">
</div>



JavaScript

$(function() {
  var dialog1 = $("#dialog1");
  dialog1.empty();
  var header = $("<h5>", {
    class: "dialog-header"
  }).text("By buffer").appendTo(dialog1);
  $("<button>", {
    id: "toggle-buffer-btn",
    class: "btn btn-default btn-sm"
  }).appendTo(dialog1);
  dialog1.find("button").append($("<i>", {
    id: "toggle-icon",
    class: "fa fa-circle"
  }));
  $("<input>", {
    type: "text",
    id: "radius",
    class: 'btn btn-default btn-sm'
  }).prop('disabled', true).appendTo(dialog1);
  $("<span>", {
    id: "help-label",
    style: "margin-bottom: 2em;"
  }).html("Click and drag mouse to create buffer").appendTo(dialog1);
  $("<input>", {
    type: "checkbox",
    id: 'polygon-buffer'
  }).appendTo(dialog1);
  $("<label>", {
    id: "polygon-buffer-label",
    for: "polygon-buffer"
  }).html("By polygon").appendTo(dialog1);
  dialog1.controlgroup();
  var val;
});

$（函数（）{
var dialog1=$（“#dialog1”）；
dialog1.empty（）；
变量头=$（“”{
类：“对话框标题”
}).text（“按缓冲区”）。附录（对话框1）；
$("", {
id:“切换缓冲区btn”，
类别：“btn btn默认btn sm”
}).附录（对话框1）；
对话框1.查找（“按钮”）.append（$（“”）{
id:“切换图标”，
班级：“发圈”
}));
$("", {
键入：“文本”，
id:“半径”，
类别：“btn btn默认btn sm”
}).prop（'disabled'，true）.appendTo（dialog1）；
$("", {
id:“帮助标签”，
样式：“页边距底部：2米
}).html（“单击并拖动鼠标以创建缓冲区”）.appendTo（dialog1）；
$("", {
键入：“复选框”，
id:“多边形缓冲区”
}).附录（对话框1）；
$("", {
id:“多边形缓冲区标签”，
用于：“多边形缓冲区”
}).html（“按多边形”）.appendTo（dialog1）；
dialog1.controlgroup（）；
var-val；
});

在我看来，一次构建和附加元素要快一点

$(function() {
  var dialog1 = $("#dialog1");
  dialog1.empty();
  var header = $("<h5>", {
    class: "dialog-header"
  }).text("By buffer").appendTo(dialog1);
  $("<button>", {
    id: "toggle-buffer-btn",
    class: "btn btn-default btn-sm"
  }).appendTo(dialog1);
  dialog1.find("button").append($("<i>", {
    id: "toggle-icon",
    class: "fa fa-circle"
  }));
  $("<input>", {
    type: "text",
    id: "radius",
    class: 'btn btn-default btn-sm'
  }).prop('disabled', true).appendTo(dialog1);
  $("<span>", {
    id: "help-label",
    style: "margin-bottom: 2em;"
  }).html("Click and drag mouse to create buffer").appendTo(dialog1);
  $("<input>", {
    type: "checkbox",
    id: 'polygon-buffer'
  }).appendTo(dialog1);
  $("<label>", {
    id: "polygon-buffer-label",
    for: "polygon-buffer"
  }).html("By polygon").appendTo(dialog1);
  dialog1.controlgroup();
  var val;
});