SoFunction
Updated on 2025-02-28

Bootstrap3 Multiple and radio box (checkbox)

A checkbox is used to select one or more options in a list, while a radio box is used to select only one of the options.

Both single or multi-check boxes with disabled attributes can be assigned the appropriate style. For <label> tags used in conjunction with multiple or radio boxes, if you also want to set the mouse hovering above to the "Click-off" style, assign the .disabled class to .radio, .radio-inline, .checkbox, .checkbox-inline, or <fieldset>.

Default appearance (stacked together)

<div class="checkbox">
 <label>
 <input type="checkbox" value="">
 Option one is this and that&mdash;be sure to include why it's great
 </label>
</div>
<div class="checkbox disabled">
 <label>
 <input type="checkbox" value="" disabled>
 Option two is disabled
 </label>
</div>
<div class="radio">
 <label>
 <input type="radio" name="optionsRadios"  value="option1" checked>
 Option one is this and that&mdash;be sure to include why it's great
 </label>
</div>
<div class="radio">
 <label>
 <input type="radio" name="optionsRadios"  value="option2">
 Option two can be something else and selecting it will deselect option one
 </label>
</div>
<div class="radio disabled">
 <label>
 <input type="radio" name="optionsRadios"  value="option3" disabled>
 Option three is disabled
 </label>
</div>

The above is the Bootstrap3 multiple-choice and checkbox (checkbox) introduced to you by the editor. I hope it will be helpful to you. If you have any questions, please leave me a message and the editor will reply to you in time. Thank you very much for your support for my website!