jQuery UI Buttonset disable() 方法

jQuery UI是一个流行的JavaScript库，提供了丰富的用户界面组件。其中，“Buttonset”是一个可自定义风格的复选框和单选按钮控件。在jQuery UI中，使用 disable() 方法可以禁用Buttonset中的所有按钮。

语法

$(selector).buttonset("disable");

参数

selector：必需。要应用“buttonset”和禁用按钮的元素的选择器表达式。

描述

disable() 方法是jQuery UI Buttonset的一个函数，用于禁用所有按钮。调用此方法后，所有按钮都将被禁用并出现“禁用”样式。

示例

以下示例演示了如何使用 disable() 方法：

HTML：

<div id="myButtonset">
  <input type="radio" id="radio1" name="radio">
  <label for="radio1">Radio 1</label>
  <input type="radio" id="radio2" name="radio">
  <label for="radio2">Radio 2</label>
  <input type="radio" id="radio3" name="radio">
  <label for="radio3">Radio 3</label>
</div>

JavaScript：

$(function() {
  $("#myButtonset").buttonset();
  
  // 点击按钮时禁用它们
  $("#myButtonset label").click(function() {
    $("#myButtonset").buttonset("disable");
  });
});

返回值

无。

注意事项

• 禁用Buttonset时，所有按钮都将被禁用。
• 如果要启用按钮，请使用 enable() 方法。
• 通过CSS样式可以自定义禁用Buttonset时的样式。

以上就是jQuery UI Buttonset disable() 方法的介绍，希望能帮助到读者。