单选按钮样式标签

时间:2018-08-18 10:09:47

标签: html css

我有一些单选按钮及其相应标签:

<form ...>
  <label for="qty_1" class="lbl_quantity">1</label>
  <label for="qty_2" class="lbl_quantity">2</label>
  <label for="qty_3" class="lbl_quantity">3</label>
  <input type="hidden" name="qty" id="qty_1" value="1">
  <input type="hidden" name="qty" id="qty_2" value="2">
  <input type="hidden" name="qty" id="qty_3" value="3">
</form>

那我要ro实现什么:

我想为用户可以选择的数量预定义三个单选按钮。我希望那些单选按钮看起来像普通的方形按钮,所以我想使用标签加上隐藏的输入。 有人可以帮助我在单击时将这些标签设置为带有标记背景的普通按钮样式,或者在可能的情况下,将单选按钮样式设置为方形按钮?

1 个答案:

答案 0 :(得分:1)

您可以检查icheck jquery插件中的自定义复选框和单选按钮。

在以下链接中查看更多信息:-

http://git.io/arlzeA

但是请记住,您需要使用内置的自定义函数进行检查和取消检查。

$('.skin-flat input').iCheck({
    checkboxClass: 'icheckbox_flat-blue',
    radioClass: 'iradio_flat-blue'
});

只需在.skin-flat和Radio / checkbox类中包装文本即可。

您可以在下面的链接上查看更多信息:-

https://stackoverflow.com/search?q=icheck

享受这太好了:)

如果您正在使用引导程序,请使用以下链接:-

https://bootsnipp.com/tags/checkbox