使用按鈕組來(lái)模擬復(fù)選按鈕和模擬單選按鈕是一樣的，具有同等效果，也是通過(guò)在按鈕組上自定義data-toggle="buttons"來(lái)實(shí)現(xiàn)。唯一不同的是，將input[type="radio"]換成input[type="checkbox"]，如下所示：
<div class="btn-group" data-toggle="buttons"> <label class="btn btn-primary"> <input type="checkbox" name="options" id="options1">電影 </label> <label class="btn btn-primary"> <input type="checkbox" name="options" id="options2">音樂(lè) </label> <label class="btn btn-primary"> <input type="checkbox" name="options" id="options3">游戲 </label> <label class="btn btn-primary"> <input type="checkbox" name="options" id="options4">攝影 </label> </div>
運(yùn)行效果如下：
我來(lái)試試：補(bǔ)充右側(cè)代碼以實(shí)現(xiàn)“復(fù)選擇按鈕模似復(fù)選按鈕組的效果”
<div class="btn-group" data-toggle="buttons"> <label class="btn btn-primary"> <input type="checkbox" name="options" id="options1">電影 </label> <label class="btn btn-primary"> <input type="checkbox" name="options" id="options2">音樂(lè) </label> <label class="btn btn-primary"> <input type="checkbox" name="options" id="options3">游戲 </label> <label class="btn btn-primary"> <input type="checkbox" name="options" id="options4">攝影 </label> </div>
請(qǐng)驗(yàn)證，完成請(qǐng)求
由于請(qǐng)求次數(shù)過(guò)多，請(qǐng)先驗(yàn)證，完成再次請(qǐng)求
打開(kāi)微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書(shū)簽
舉報(bào)
