JavaScript練習 - 正反選練習
阿新 • • 發佈：2018-10-26
span tro src mov itl type checkbox ron class
正反選練習
<!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>
JavaScript練習 - 正反選練習