<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><title>jquery实现全选、反选、不选</title><script src="jquery-1.9.1.js"></script><script>function checkAll(){ $(":checkbox").prop("checked",true );}function checkNo(){ $(":checkbox").prop("checked",false);}function checkRev(){ $.each($(":checkbox"),function(){ $(this).prop("checked",!$(this).prop("checked")); });}$(function(){
var sec=$("body").append("<div></div>")//创建一个div追加到body里面var input="";//创建一个空的变量var arr=["井雨轩","小草","井小露","annie"];//创建一个数组，存放各个选项for(var i=0;i<4;i++){ var index=i+1;input+="<input type='checkbox' name='标题"+index+ "'value="+arr[i]+">"+arr[i]+"<br>";}//把从0到4每一个创建的input收集到空变量里面sec.append(input);//再把这些收集到的所有input追加到div里面sec.append("<button οnclick='checkAll()'>全选</button>");//创建全选按钮，并追加到div里面sec.append("<button οnclick='checkNo()'>全不选</button>");//创建全不选按钮，并追加到div里面sec.append("<button οnclick='checkRev()'>反选</button>");//创建反选按钮，并追加到div里面});</script></head><body></body></html>