所有单选按钮都在引导程序中被选中

时间:2015-02-25 09:12:34

标签: html5 twitter-bootstrap

点击一个单选按钮,如果我点击其他单选按钮,检查的值没有被取消选择,我哪里出错了?

我在这里添加了一个小提琴http://jsfiddle.net/Lv8xzkhs/

              <fieldset>
            <legend>Property Info</legend>
                <div class="row">
                    <div class="col-md-3 col-xs-12">
                        <label>I want To:</label>
                        <div class="radio">
                          <label><input class="radio-inline" type="radio" >Sale</label>
                          <label><input class="radio-inline" type="radio" >Rent Out</label>
                        </div>                      
                    </div>                  
                    <div class="col-md-3 col-xs-12">
                        <label for="sel1">Looking For:</label>
                        <select class="form-control" id="sel1">
                            <option>PentHouse</option>
                            <option>Villa</option>
                            <option>Plot</option>
                            <option>Studio</option>
                        </select>   
                    </div>
                    <div class="col-md-3 col-xs-12">
                        <label>Location:</label>
                        <input type="text" class="form-control">
                    </div>
                </div>
            </fieldset>

1 个答案:

答案 0 :(得分:3)

name属性添加到您的电台btn

<label><input class="radio-inline" type="radio" name="yourgroup">Sale</label>
<label><input class="radio-inline" type="radio" name="yourgroup">Rent Out</label>

小提琴http://jsfiddle.net/Lv8xzkhs/1/

更多信息http://www.w3.org/TR/html-markup/input.radio.html