正反选练习
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div> <input type="button" value="全选" onclick="f1()"> <input type="button" value="反选" onclick="f2()"> <input type="button" value="取消" onclick="f3()"> <ul> <li><input type="checkbox">aaaaa</li> <li><input type="checkbox">aaaaa</li> <li><input type="checkbox">aaaaa</li> <li><input type="checkbox">aaaaa</li> <li><input type="checkbox">aaaaa</li> <li><input type="checkbox">aaaaa</li> </ul> </div> <script src="jquery-1.12.4.min.js"></script> <script> // function f1(){ // $(':checkbox').each(function () { // $(this).prop('checked',true) // }) // } function f1(){ $(':checkbox').prop('checked',true); } function f2(){ $(':checkbox').each(function () { if ($(this).prop('checked')){ $(this).prop('checked',false) } else { $(this).prop('checked',true) } }) } function f3(){ $(':checkbox').removeProp("checked"); } </script> </body> </html>