<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<script src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
/*function checkedAll() {
var vehicles = document.getElementsByName('vehicle');
for(var i = 0; i < vehicles.length; i++) {
vehicles[i].setAttribute("checked", "checked");
}
}
function unCheckedAll() {
var vehicles = document.getElementsByName('vehicle');
for(var i = 0; i < vehicles.length; i++) {
vehicles[i].removeAttribute("checked");
}
}*/
$(function() {
$('#all').on('click', function() {
if(this.checked) {
$("input[name='vehicle']").prop('checked', true);
} else {
$("input[name='vehicle']").prop('checked', false);
}
});
});
</script>
<body>
<label><input type="checkbox" name="checkall" id="all"/>全选</label>
<form action="" method="get">
<input type="checkbox" name="vehicle" value="Bike"> I have a bike<br>
<input type="checkbox" name="vehicle" value="Car"> I have a car<br>
<input type="checkbox" name="vehicle" value="Bus"> I have a bus<br>
<input type="submit" value="提交">
</form>
<!--<button type="button" onclick="checkedAll()">全选</button><br />
<button type="button" onclick="unCheckedAll()">全取消</button>-->
</body>
</html>
prop() 方法设置或返回被选元素的属性和值。这里将checked设置为true。