jquery实现全选全不选反选以及遍历取值

来源：互联网发布：阿里云自建数据库编辑：程序博客网时间：2024/05/22 17:25

<html><head><title>jQuery实例</title><script type="text/javascript" src="jquery-1.8.2.js"></script><script type="text/javascript">//jQuery的快捷入口$(function(){//获取所有button按钮，并添加点击事件$("button").click(function(){var b = $(this).html();if(b=="全选"){$(":checkbox").attr("checked",true);}if(b=="全不选"){$(":checkbox").attr("checked",false);}if(b=="反选"){var list = $(":checkbox:checked");//先获取选中，$(":checkbox").attr("checked",true);//所有选中list.attr("checked",false);//将刚才获取选中的，设为不选中}if(b=="取值"){var list = $(":checkbox:checked");//先获取选中，list.each(function(ob){alert(list[ob].value);});}});});</script></head><body><h2>jQuery实例--全选和全不选:</h2><ul><li><input type="checkbox" name="id[]" value="1"/>aaaaaaaa</li><li><input type="checkbox" name="id[]" value="2"/>aaaaaaaa</li><li><input type="checkbox" name="id[]" value="3"/>aaaaaaaa</li><li><input type="checkbox" name="id[]" value="4"/>aaaaaaaa</li><li><input type="checkbox" name="id[]" value="5"/>aaaaaaaa</li></ul><button>全选</button><button>全不选</button><button>反选</button><button>取值</button></body></html>