Twitter Bootstrap + buttons-checkbox
by A B
HTML
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
<form name="myForm" id="myForm" method="post" action="/">
<div class="control-group">
<div class="controls">
<div class="btn-group btn-group-vertical" data-toggle="buttons-checkbox">
<button type="button" class="btn btn-info btn-small" value="1" id="LanguagesAvailable_0__Code" name="LanguagesAvailable[0].Code">Value 1</button>
<button type="button" class="btn btn-info btn-small" value="2" id="LanguagesAvailable_1__Code" name="LanguagesAvailable[1].Code">Value 2</button>
<button type="button" class="btn btn-info btn-small" value="3" id="LanguagesAvailable_2__Code" name="LanguagesAvailable[2].Code">Value 3</button>
<button type="button" class="btn btn-info btn-small" value="4" id="LanguagesAvailable_3__Code" name="LanguagesAvailable[3].Code">Value 4</button>
</div>
</div>
</div>
<input type="checkbox" id="LanguagesAvailable_0__Description" name="LanguagesAvailable[0].Description" value="1" />Value 1
<input type="checkbox" id="LanguagesAvailable_1__Description" name="LanguagesAvailable[1].Description" value="2" />Value 2
<input type="checkbox" id="LanguagesAvailable_2__Description" name="LanguagesAvailable[2].Description" value="3" />Value 3
<input type="submit" value="Send" />
</form>