用了 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 等方式区分,发现没效果。要怎么做,才能达到我要的效果呢?
1
yangg 2019-08-20 17:05:06 +08:00
没人维护的东西了吧,官网都是一样,jquery 都加载不了,
可以自己写 js 来分组。 |
3
rain0002009 2019-08-20 17:44:13 +08:00
所以说你想要一个长得像按钮的 checkbox
|
4
mara1 2019-08-20 19:33:55 +08:00
男女用 radio,班级用 checkbox,jQuery 来写就够了,不必用太冷门的东西。
如果自己能做主的话,上 Vue 或者 React 吧 |
5
shavy OP @rain0002009 是的,我就是要按钮组,移动端使用,radio 太小了,点不到
|