如何使用 jQuery Mobile 制作禁用的单选按钮？

在 jQuery Mobile 中，禁用单选按钮很简单。下面我们将演示如何制作禁用的单选按钮。

首先，我们要确保已经包含了 jQuery 和 jQuery Mobile 的库文件。然后，我们可以使用 fieldset 元素来创建一组单选按钮，每个单选按钮表示一个选项。例如：

<fieldset data-role="controlgroup">
  <legend>请选择一个选项：</legend>
  <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked">
  <label for="radio-choice-1">选项 1</label>
  <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2">
  <label for="radio-choice-2">选项 2</label>
  <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3">
  <label for="radio-choice-3">选项 3</label>
</fieldset>

在这个例子中，我们包含了三个单选按钮，并将它们放在了一个 fieldset 元素中，fieldset 元素有一个 data-role 属性值为 controlgroup，这是告诉 jQuery Mobile 这是一组相互关联的控件。

接下来，我们来看如何禁用这些单选按钮。我们可以将 disabled 属性设置为 true，如下所示：

<fieldset data-role="controlgroup">
  <legend>请选择一个选项：</legend>
  <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" disabled="true">
  <label for="radio-choice-1">选项 1</label>
  <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" disabled="true">
  <label for="radio-choice-2">选项 2</label>
  <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3" disabled="true">
  <label for="radio-choice-3">选项 3</label>
</fieldset>

现在，这些单选按钮就被禁用了。我们可以通过 JavaScript 来启用或禁用这些单选按钮，例如：

// 禁用单选按钮
$('input[name="radio-choice-1"]').prop('disabled', true);

// 启用单选按钮
$('input[name="radio-choice-1"]').prop('disabled', false);

以上就是如何使用 jQuery Mobile 制作禁用的单选按钮的介绍。