<!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> <title></title> <script src="jQueryNote/jquery-1.8.2.js" type="text/javascript"></script> <script type="text/javascript"> //全选,全不选,反选 $(function () { $(':button[value=全选]').click(function () { $(':checkbox').attr('checked', true); }); $(':button[value=全不选]').click(function () { $(':checkbox').attr('checked', false);
}); $(':button[value=反选]').click(function () { $(':checkbox').attr('checked', function () { $(this).attr('checked', !$(this).attr('checked')); }); }); }); // $(function () { // $('#btn').click(function () { // // $(':checkbox:checked').each(function (k, v) {
// // alert($(this).val()); // // });
// //获取页面上所有的checkbox,设置value为2和4的checkbox为选中状态. //// alert($(':checkbox').val([2,4]));
//
// }); // }); </script> </head> <body> <input type="button" name="name" value="全选" id="btn" /> <input type="button" name="name" value="全不选" /> <input type="button" name="name" value="反选" /> <input type="checkbox" name="name" value="1" />1 <input type="checkbox" name="name" value="2" />2 <input type="checkbox" name="name" value="3" />3 <input type="checkbox" name="name" value="4" />4 </body> </html>