引導不可選擇單選按鈕

我有這樣的BTN-組：引導不可選擇單選按鈕

  <div class="control-group"> 
       <label class="control-label">Sex</label> 
       <div class="controls"> 
        <input id="filtro_sexo" type="hidden" /> 
        <div class="btn-group" data-toggle-name="filter_sex" data-toggle="buttons-radio"> 
         <button value="Male" type="button" class="btn">Male</button> 
         <button value="Female" type="button" class="btn">Female</button> 
        </div> 
       </div> 
      </div>

的問題是，我需要的用戶能夠選擇或取消選擇的選項。用戶應該能夠選擇一個選項，或者沒有選項。但數據切換=「按鈕收音機」不會讓我取消選擇選項。

來源

2012-09-19 martin.softpro

有什麼理由不使用？ –

上面的代碼會給你兩個按鈕，而不是單選按鈕。對於單選按鈕，嘗試使用'' – heretolearn

客戶端需要這種方式，因爲它可以在觸摸環境中運行 –

我通過使用[數據肘節=按鈕-複選框]達到這個目的，添加自定義屬性[數據單中選擇]，和寫入的jQuery幾行：

HTML：

<div class="btn-group" data-toggle="buttons-checkbox" data-single-select> 
    <button class="btn">...</button> 
    <button class="btn">...</button> 
    <button class="btn">...</button> 
</div>

jQuery的：

$("[data-toggle='buttons-checkbox'][data-single-select] .btn").live('click', function(evt){ 
    $(this).siblings().removeClass('active'); 
});

@Rafael 使用[INPUT TYPE = 「無線電」]看起來太難看。這就是我們使用Bootstrap的原因。

來源

2013-01-08 19:22:53 crab

引導不可選擇單選按鈕

回答

相關問題