我有一个按钮组,包含几个必须表现为单选按钮的项目.我还需要它们分成几行并跨越容器的整个宽度.
为此,我使用了bootstrap的类btn-group-justified,并将< input type =“radio”>分开了.元素分成几个按钮组,同时保持相同的名称.
这看起来没问题,但是按钮的副作用是不切换其他组中的已检查元素,即使它们具有相同的名称.也就是说,它们在同一组中停止表现为单选按钮.
Jsfiddle here.如您所见,如果您在第一行选择一个按钮,然后在第二行上单击一个按钮,则不会切换第一个元素.
有没有办法获得一个多行按钮组而不与javascript一起攻击无线电行为？
解决方法
而不是为两组提供这个< div class =“btn-group btn-group-sm btn-group-justified”role =“group”data-toggle =“buttons”>
只是把它放在顶部,但没有btn-group-justified.然后,对于这两组,只需做< div class =“btn-group-justified”> ……你的按钮在这里…< / div>.
只是把它放在顶部,但没有btn-group-justified.然后,对于这两组,只需做< div class =“btn-group-justified”> ……你的按钮在这里…< / div>.
希望这可以帮助.