jQuery UI Spinner enable() 方法(1)

📌 相关文章

📜 jQuery UI Spinner enable() 方法(1)

📅 最后修改于: 2023-12-03 15:02:12.029000 🧑 作者: Mango

jQuery UI Spinner enable() 方法

jQuery UI Spinner 是 jQuery 插件库中的一种组件，可以快速提供一个数字输入框并具备自动格式化等特性。其中 enable() 方法可用于启用或禁用 Spinner 对象，即根据其是否可用来决定用户是否可以对数字输入框进行输入。

语法

$(selector).spinner("enable");

参数

无参数。

返回值

无返回值。

示例

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>jQuery UI Spinner enable() 方法示例</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.12.4.js"></script>
  <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
    $(function() {
      $("#spinner").spinner();
      $("#disable").on("click", function() {
        $("#spinner").spinner("disable");
      });
      $("#enable").on("click", function() {
        $("#spinner").spinner("enable");
      });
    });
  </script>
</head>
<body>
  
  <label for="spinner">数量：</label>
  <input id="spinner" name="value">
  
  <button id="disable">禁用</button>
  <button id="enable">启用</button>
  
</body>
</html>

该示例中，Spinner 对象被初始化后，通过点击启用或禁用按钮，可以控制输入框是否可用。其中 spinner("disable") 和 spinner("enable") 分别表示禁用和启用 Spinner 对象。

总结

enable() 方法可以让我们通过代码控制 Spinner 对象的启用和禁用。在实际应用中，我们可以根据需要动态地决定是否让用户输入数字。