Bootstrap3 多选和单选框(checkbox)
多选框(checkbox)用于选择列表中的一个或多个选项,而单选框(radio)用于从多个选项中只选择一个。
设置了disabled属性的单选或多选框都能被赋予合适的样式。对于和多选或单选框联合使用的<label>标签,如果也希望将悬停于上方的鼠标设置为“禁止点击”的样式,请将.disabled类赋予.radio、.radio-inline、.checkbox、.checkbox-inline或<fieldset>。
默认外观(堆叠在一起)
<divclass="checkbox"> <label> <inputtype="checkbox"value=""> Optiononeisthisandthat—besuretoincludewhyit'sgreat </label> </div> <divclass="checkboxdisabled"> <label> <inputtype="checkbox"value=""disabled> Optiontwoisdisabled </label> </div> <divclass="radio"> <label> <inputtype="radio"name="optionsRadios"id="optionsRadios1"value="option1"checked> Optiononeisthisandthat—besuretoincludewhyit'sgreat </label> </div> <divclass="radio"> <label> <inputtype="radio"name="optionsRadios"id="optionsRadios2"value="option2"> Optiontwocanbesomethingelseandselectingitwilldeselectoptionone </label> </div> <divclass="radiodisabled"> <label> <inputtype="radio"name="optionsRadios"id="optionsRadios3"value="option3"disabled> Optionthreeisdisabled </label> </div>
以上所述是小编给大家介绍的Bootstrap3多选和单选框(checkbox),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!