淘先锋技术网

首页 1 2 3 4 5 6 7

jQuery 是一款非常强大且流行的 JavaScript 库。它可以让我们更轻松地操作 DOM 元素和事件,以及完成各种功能。今天,我们将要介绍的是如何使用 jQuery 清空已选中的状态。


$(document).ready(function() {
  // 选中所有的 input[type="checkbox"]
  var checkboxes = $('input[type="checkbox"]');

  // 给每个 checkbox 绑定点击事件
  checkboxes.click(function() {
    // 判断当前 checkbox 是否被选中
    if ($(this).prop('checked')) {
      // 如果当前 checkbox 被选中,将其他的 checkbox 清空选中状态
      checkboxes.not($(this)).prop('checked', false);
    }
  });
});

jquery清空d选中的状态

在上面的代码中,我们首先选中了所有的 input[type="checkbox"] 元素,并给它们绑定了一个点击事件。当用户点击一个 checkbox 的时候,我们会判断它是否被选中。如果被选中,我们就使用 jQuery 的 not() 方法选中除了当前 checkbox 外的其他所有 checkbox,并把它们的选中状态都设成 false,即清空它们的选中状态。

这样,当用户在一个 checkbox 被选中的时候,其他的 checkbox 就都会被清空选中状态,从而保证同一时间只有一个 checkbox 被选中。