<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery全選反選</title>
<script language="javascript" src="js/jquery-1.6.4.min.js"></script>
</head>
<script>
$(document).ready(function(){
var i=true
var box=$("input:checkbox")
var check1=$("input:button[name='quanxuan']")
var check2=$("input:button[name='fanxuan']")
check1.toggle(
function(){
box.prop("checked",true);
},function(){
box.prop("checked",false);
}
)
check2.click(function(){
box.each(function() {
if($(this).prop("checked")){
$(this).prop("checked",false)
}else{
$(this).prop("checked",true)
}
});
});
})
</script>
<body>
<div style="width:500px; height:200px; margin:100px auto;">
<label>
<input type="checkbox" /> 網店美工
</label>
<label>
<input type="checkbox" /> 前端工程師
</label>
<label>
<input type="checkbox" /> 網店美工
</label>
<label>
<input type="checkbox" /> 前端工程師
</label><br />
<input type="button" value="全選" name="quanxuan" />
<input type="button" value="反選" name="fanxuan" />
</div>
</body>
</html>
![輪播圖的實作簡單輪播圖實作（H5+CS3+JS&JQuery）首先引入jquery頁面Html[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)