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); } }); });
在上面的代码中,我们首先选中了所有的 input[type="checkbox"] 元素,并给它们绑定了一个点击事件。当用户点击一个 checkbox 的时候,我们会判断它是否被选中。如果被选中,我们就使用 jQuery 的 not() 方法选中除了当前 checkbox 外的其他所有 checkbox,并把它们的选中状态都设成 false,即清空它们的选中状态。
这样,当用户在一个 checkbox 被选中的时候,其他的 checkbox 就都会被清空选中状态,从而保证同一时间只有一个 checkbox 被选中。