Question

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

如何使用jQuery执行此操作？

Answer 1

为每个按钮提供一个公共类。每次用户点击其中任何一个时，从所有按钮中删除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');
});

Answer 2

尝试这样的事情：

var allButtons = $('table button'); // use appropriate selector

allButtons.on('click', function () {
    allButtons.removeClass('active');
    $(this).addClass('active');
});

如何让<button>像jQuery的单选按钮一样

2 个答案: