本文共 1108 字，大约阅读时间需要 3 分钟。
| | <!DOCTYPE html> |
| | <html> |
| | <head> |
| | <title>多选框</title> |
| | <meta charset="utf-8"> |
| | <style> |
| | *{margin:20; padding:0;} |
| | </style> |
| | </head> |
| | <body> |
| | <ul> |
| | |
| | <li><input type="checkbox">西瓜</li> |
| | <li><input type="checkbox">茄子</li> |
| | <li><input type="checkbox">黄瓜</li> |
| | <li><input type="checkbox">白菜</li> |
| | <li><input type="checkbox">白菜</li> |
| | <li><input type="checkbox">白菜</li> |
| | <li><input type="checkbox">白菜</li> |
| | <li><input type="checkbox">白菜</li> |
| | <li><input type="checkbox">白菜</li> |
| | <li><input type="checkbox">情人结</li> |
| | |
| | <button οnclick="change1(true)">全选</button> |
| | <button οnclick="change1(false)">不全选</button> |
| | <button οnclick="change3()">反选</button> |
| | |
| | <li><input οnclick="change(this)" type="checkbox">点点</li> |
| | |
| | </ul> |
| | <script> |
| | var obj=document.getElementsByTagName('input'); |
| | |
| | function change1(res){ |
| | for(var i=0;i<obj.length;i++){ |
| | obj[i].checked=res; |
| | } |
| | } |
| | |
| | function change(num){ |
| | for(var i=0;i<obj.length;i++){ |
| | obj[i].checked = num.checked |
| | } |
| | } |
| | |
| | |
| | function change3(){ |
| | for(var i=0;i<obj.length;i++){ |
| | if(obj[i].checked==true){ |
| | obj[i].checked=false; |
| | }else{ |
| | |
| | obj[i].checked=true; |
| | } |
| | } |
| | } |
| | </script> |
| | </body> |
| | </html> |
转载于:https://www.cnblogs.com/-qiang/p/5787299.html