一个页面多个按钮组，怎么区分？

[shavy]

用了 buttons.css(v2.0)，主要使用到其中的 button-group，发现在一个页面里有一个以上按钮组的时候，没法区分，比如说：

<div>
	<font>性别：</font>
	<div class="button-group" name="b1">
	<button id="fsex0" name="fsex" type="button" class="button button-giant button-rounded">男</button>
	<button id="fsex1" name="fsex" type="button" class="button button-giant button-rounded">女</button>
	</div>

			
	<font style="font-size: 28px;">班级：</font>
	<div class="button-group" name="b2">
	<button id="fclass0" name="fclass" type="button" class="button button-jumbo button-rounded">1 班</button>
	<button id="fclass1" name="fclass" type="button" class="button button-jumbo button-rounded">2 班</button>
	<button id="fclass2" name="fclass" type="button" class="button button-jumbo button-rounded">3 班</button>
	<button id="fclass3" name="fclass" type="button" class="button button-jumbo button-rounded">4 班</button>
	</div>
</div>

这样出来的效果是，我选了“男”，再选择“ 1 班”，那么“男”就自动取消选择了，说明这几个 button，都是在同一个组里，我通过 id，name 等方式区分，发现没效果。要怎么做，才能达到我要的效果呢？

[yangg]

没人维护的东西了吧，官网都是一样，jquery 都加载不了，

可以自己写 js 来分组。

[shavy]

@yangg 谢谢，但是自己还不懂，所以只能用别人现成的东西

[rain0002009]

所以说你想要一个长得像按钮的 checkbox

[mara1]

男女用 radio，班级用 checkbox，jQuery 来写就够了，不必用太冷门的东西。

如果自己能做主的话，上 Vue 或者 React 吧

[shavy]

@rain0002009 是的，我就是要按钮组，移动端使用，radio 太小了，点不到

[shavy]

@mara1 我就是个人兴趣，其实我对 js 很不熟悉