w_checkbox.html

<h2 class="contentTitle">多选框/单选框</h2>
<form method="post" action="demo/common/ajaxDone.html" class="pageForm required-validate" onsubmit="return validateCallback(this, dialogAjaxDone)">
	<div class="pageFormContent" layoutH="98">
		<label><input type="radio" name="r1" />选择1</label>
		<label><input type="radio" name="r1" />选择2</label>
		<label><input type="radio" name="r1" />选择3</label>
		<label><input type="radio" name="r1" />选择4</label>
		<label><input type="radio" name="r1" />选择5</label>
		<div class="divider"></div>
		
		<label><input type="checkbox" name="c1" value="1" />选择1</label>
		<label><input type="checkbox" name="c1" value="2" />选择2</label>
		<label><input type="checkbox" name="c1" value="3" />选择3</label>
		<label><input type="checkbox" name="c1" value="4" />选择4</label>
		<label><input type="checkbox" name="c1" value="5" />选择5</label>
		<label><input type="checkbox" name="c1" value="6" />选择6</label>
		<label><input type="checkbox" name="c1" value="7" />选择7</label>
		<label><input type="checkbox" name="c1" value="8" />选择8</label>
		<label><input type="checkbox" name="c1" value="9" />选择9</label>
		<label><input type="checkbox" name="c1" value="10" />选择10</label>
	</div>
	<div class="formBar">
		<label style="float:left"><input type="checkbox" class="checkboxCtrl" group="c1" />全选</label>
		<ul>
			<li><div class="button"><div class="buttonContent"><button type="button" class="checkboxCtrl" group="c1" selectType="invert">反选</button></div></div></li>
			<li><div class="buttonActive"><div class="buttonContent"><button type="submit">提交</button></div></div></li>
		</ul>
	</div>
</form>