<!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>无标题文档</title> <script src="jquery-1.11.2.min.js"></script> </head> <body> <br /> <div><input type="checkbox" id="qx" /> 全选</div> <br /> <div> <input type="checkbox" class="ck" /> 山东 <input type="checkbox" class="ck" /> 淄博 <input type="checkbox" class="ck" /> 张店 <input type="checkbox" class="ck" /> 淄川 <input type="checkbox" class="ck" /> 桓台 </div> </body> <script type="text/javascript"> $("#qx").click(function(){ var xz = $(this).prop("checked"); $(".ck").prop("checked",xz); }) </script> </html>