javascript - HTML 使常规按钮像一组单选按钮一样工作

Question

我想让一些“常规”按钮像一组单选按钮一样工作。

我找到了一个完全符合我要求的 jQueryUI 插件:http://jqueryui.com/demos/button/#radio

但我想避免在我的项目中添加另一个库。知道如何使用纯 HTML + javascript/jQuery 来完成吗？

提前致谢

Answer 1

演示:http://jsfiddle.net/CXrgm/6

$('.button').click(function() {
   $('.button').removeClass('active');
   $(this).addClass('active');
});

其中 .button 是您需要包含的所有按钮的标记类，而 .active 类是指示选定的按钮。

要获取选定的按钮，请使用:

$('.button.active') // get attribute value, etc. Whatever you need.