javascript - 如何使用 jQuery 使 充当单选按钮

Question

我有一个表格中的按钮列表，我本质上希望它们像单选按钮一样工作。如果<button>单击后，.active类将从之前选择的任何按钮中删除，并添加到我选择的任何一个按钮中。只能选择一项。

如何使用 jQuery 做到这一点？

Answer 1

为每个按钮指定一个公共(public)类。每次用户单击其中任何一个按钮时，从所有按钮中删除 active 类并将其添加到单击的按钮中:

$(document).on('click', '.radio-button', function() {
   //Remove active class from all buttons
   $('.radio-button').removeClass('active');
   //Add active class to the clicked button
   $(this).addClass('active');
});