jQuery：复选框全选功能

html：

<form id="gxhForm">
		<label>全部</label><input id="selectAll" class="ids" type="checkbox" name="ids"  value="0" checked>
		<span id="gxhSpan">
			<label>1</label><input class="ids" type="checkbox" name="ids"  value="1" checked>
			<label>2</label><input class="ids" type="checkbox" name="ids"  value="2" checked>
			<label>3</label><input class="ids" type="checkbox" name="ids"  value="3" checked>
			<label>4</label><input class="ids" type="checkbox" name="ids"  value="4" checked>
			<label>5</label><input class="ids" type="checkbox" name="ids"  value="5" checked>
			<label>6</label><input class="ids" type="checkbox" name="ids"  value="6" checked>
			<label>7</label><input class="ids" type="checkbox" name="ids"  value="7" checked>
			<label>8</label><input class="ids" type="checkbox" name="ids"  value="8" checked>
			<label>9</label><input class="ids" type="checkbox" name="ids"  value="9" checked>
			<label>10</label><input class="ids" type="checkbox" name="ids"  value="10" checked>
		</span>
	</form>

js代码：

$(function(){
	// 复选框全选功能
	$('#selectAll').click(function() {
		$('#gxhSpan .ids').prop('checked', $(this).prop('checked'));
	});
});