这是在Bootstrap中将单选按钮设置为“已检查”的正确方法吗?

时间:2016-02-09 16:07:50

标签: javascript jquery html twitter-bootstrap

我正在重新调整TIMEX的问题,该问题被标记为重复,因为我认为它不是重复的,我遇到了同样的问题。

How do I set the radio button to "checked" in Bootstrap?

  

我正在使用Bootstrap按钮作为单选按钮。   http://getbootstrap.com/javascript/#buttons

     

这是我目前的代码:

document.querySelector('[data-title="Autoscale"]').click()
     

如何使用JavaScript设置“男性”进行检查?

这是我对问题的再现: https://jsfiddle.net/JonathanN/ba7d24k3/

我在getbootstrap.com文档中找不到解决方案,或者在stackoverflow上找不到解决方案,所以这就是我想出的: https://jsfiddle.net/JonathanN/ba7d24k3/2/

<div  class="btn-group col-md-2" data-toggle="buttons">
    <label class="btn btn-gender btn-default active">
        <input type="radio" id="gender" name="gender" value="female"> Girls
    </label>
    <label class="btn btn-gender btn-default">
        <input type="radio" id="gender" name="gender" value="male"> Guys
    </label> 
</div> 

我使用了jQuery,但它也可以用更详细的javascript编码。希望我已经建立了与基本如何设置带有javascript问题的单选按钮的重复。

我的问题:有更简单的方法吗?

2 个答案:

答案 0 :(得分:1)

如果您执行类似

的操作,该怎么办?
  

import re ptr2="hdjfhdjh@@@@" str1=re.compile(r'^[a-zA-Z0-9]+$') if str1.search(ptr2): print (" string matches %s",ptr2) else: print (" string not matches pattern %s",ptr2)

为您想要选择的无线电选项触发点击事件?这种方式bootstrap可以处理所有CSS类更改等。

答案 1 :(得分:1)

找出一种自助式方法。

$('#genderM').parents('.btn').button('toggle');

https://jsfiddle.net/JonathanN/ba7d24k3/5/