Mutually exclusive checkbox array demo


Mutually exclusive buttons:

<p>Mutually exclusive buttons:</p>

<div class="form-group">
    <div class="btn-group radiogroup" data-toggle="buttons" data-array="Items">
         <label data-func="radio" class="btn btn-default">
           <input type="checkbox" name="Value" />
           <span class="glyphicon glyphicon-ok"></span>
           OK
         </label>
         <label data-func="radio" class="btn btn-default">
           <input type="checkbox" name="Value" />
           <span class="glyphicon glyphicon-remove"></span>
           Pass
         </label>
         <label data-func="radio" class="btn btn-default">
           <input type="checkbox" name="Value" />
           <span class="glyphicon glyphicon-thumbs-down"></span>
           Fail
         </label>
    </div>
</div>

<button data-action="add" data-target="Items">Add button</button>
No JS code used for this example

Output templates

Templates used for document and web page generation:

Friendly Name File Name Template