jQuery UI Checkboxradio destroy()方法

以下是关于 jQuery UI Checkboxradio destroy() 方法的完整攻略：

jQuery UI Checkboxradio destroy() 方法

在 jQuery UI Checkboxradio 中，可以使用 destroy() 方法来销毁已创建的复选框和单选框。这将允许您恢复原始的 HTML 元素。

语法

$(selector).checkboxradio("destroy");

参数

无参数。

示例一：基本使用

<!DOCTYPE html>
<html>
<head>
  <title>jQuery UI Checkboxradio destroy() 方法</title>
  <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.0/themes/smoothness/jquery-ui.css">
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script src="https://code.jquery.com/ui/1.13.0/jquery-ui.min.js"></script>
  <script>
    $(document).ready(function(){
      $("input[type='checkbox']").checkboxradio();
      $("#button").click(function(){
        $("input[type='checkbox']").checkboxradio("destroy");
      });
    });
  </script>
  <style>
    label {
      display: block;
      margin-bottom: 10px;
    }
  </style>
</head>
<body>
  <label for="checkbox1">复选框 1</label>
  <input type="checkbox" id="checkbox1">
  <label for="checkbox2">复选框 2</label>
  <input type="checkbox" id="checkbox2">
  <button id="button">销毁复选框</button>
</body>
</html>

这将创建一个带有两个复选框和一个按钮的页面。在页面加载时，将使用 checkboxradio() 方法将复选框转换为 jQuery UI 样式的复选框。当用户单击按钮时，将使用 destroy() 方法销毁已创建的复选框。

示例二：多次销毁

<!DOCTYPE html>
<html>
<head>
  <title>jQuery UI Checkboxradio destroy() 方法</title>
  <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.0/themes/smoothness/jquery-ui.css">
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script src="https://code.jquery.com/ui/1.13.0/jquery-ui.min.js"></script>
  <script>
    $(document).ready(function(){
      $("input[type='radio']").checkboxradio();
      $("#button1").click(function(){
        $("input[type='radio']").checkboxradio("destroy");
      });
      $("#button2").click(function(){
        $("input[type='radio']").checkboxradio("destroy");
      });
    });
  </script>
  <style>
    label {
      display: block;
      margin-bottom: 10px;
    }
  </style>
</head>
<body>
  <label for="radio1">单选框 1</label>
  <input type="radio" id="radio1" name="radio">
  <label for="radio2">单选框 2</label>
  <input type="radio" id="radio2" name="radio">
  <button id="button1">销毁单选框 1</button>
  <button id="button2">销毁单选框 2</button>
</body>
</html>

这将创建一个带有两个单选框和两个按钮的页面。在页面加载时，将使用 checkboxradio() 方法将单选框转换为 jQuery UI 样式的单选框。当用户单击按钮时，将使用 destroy() 方法销毁已创建的单选框。在这个示例中，可以多次使用 destroy() 方法销毁已创建的单选框。

总结：

在 jQuery UI Checkboxradio 中，可以使用 destroy() 方法来销毁已创建的复选框和单选框。这将允许您恢复原始的 HTML 元素。

以上是关于 jQuery UI Checkboxradio destroy() 方法的完整攻略。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：jQuery UI Checkboxradio destroy()方法 - Python技术站

jQuery UI Checkboxradio destroy()方法

jQuery UI Checkboxradio destroy() 方法

语法

参数

示例一：基本使用

示例二：多次销毁

相关文章