Posted in Javascript onApril 07, 2013
<!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" /> <script language="javascript" src="../css02/js/jquery-1.6.1.js"></script> <script> $(document).ready(function(){ $("#selectAll").click(function(){ //这里也可以直接用this,原生js语句 if($(this)[0].checked){ $('[name=items]:checkbox').attr("checked",true); }else{ $('[name=items]:checkbox').attr("checked",false); } }); $("#XOR").click(function(){ $("[name=items]:checkbox").each(function(){ this.checked=!this.checked; }); }); }); </script> <title>Untitled Document</title> </head> <body> <input type="checkbox" name="items" value="足球" />足球 <input type="checkbox" name="items" value="足球" />足球 <input type="checkbox" name="items" value="足球" />足球 <input type="checkbox" name="items" value="足球" />足球 <input type="checkbox" id="selectAll" value="全选/不选"/>全选/全部选 <input type="button" id="XOR" value="反选"/> </body> </html>
jquery全选/全不选/反选另一种实现方法(配合原生js)
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@