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类whitch表示选中的按钮.

要使用所选按钮:

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