如何将单选按钮设置为“已检查”在Bootstrap中？ [英] How do I set the radio button to "checked" in Bootstrap?

问题描述

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

这是我目前的代码：

 < div class =btn-group col-md-2数据肘节=按钮> 
< label class =btn btn-gender btn-default active> 
< input type =radioid =gendername =gendervalue =female>女孩
< / label> 
< label class =btn btn-gender btn-default> 
< input type =radioid =gendername =gendervalue =male>伙计
< / label> 
< / div> 
  

如何设置male以使用JavaScript进行检查？
<由于 male 是一个值属性，使用：

  document.querySelector（input [value ='male']）。checked = true; 
  

document.querySelector

I'm using Bootstrap buttons as a radio button. http://getbootstrap.com/javascript/#buttons

This is my current code:

<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>

How can I set "male" to checked using JavaScript?

解决方案

Since the male is a value attribute, use:

document.querySelector("input[value='male']").checked = true;

document.querySelector

这篇关于如何将单选按钮设置为“已检查”在Bootstrap中？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！