我有一个表格中的按钮列表,我基本上希望它们像单选按钮一样。如果单击<button>
,.active
类将从之前选择的任何按钮中删除,并添加到我选择的任何一个按钮中。只能选择一个。
如何使用jQuery执行此操作?
答案 0 :(得分: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');
});
答案 1 :(得分:1)
尝试这样的事情:
var allButtons = $('table button'); // use appropriate selector
allButtons.on('click', function () {
allButtons.removeClass('active');
$(this).addClass('active');
});