- <textarea readonly="readonly" class="html">
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>
无标题文档
- </title>
- <script>
- window.onload = function() {
- var in1 = document.getElementById("inp1");
- var in2 = document.getElementById("inp2");
- var in3 = document.getElementById("inp3");
- var di1 = document.getElementById("p1");
- var di = di1.getElementsByTagName("input");
- in1.onclick = function() {
- for (var i = 0; i < di.length; i++) {
- di[i].checked = true;
- }
- }
- in2.onclick = function() {
- for (var i = 0; i < di.length; i++) {
- di[i].checked = false;
- }
- }
- in3.onclick = function() {
- for (var i = 0; i < di.length; i++) {
- if (di[i].checked == true) {
- di[i].checked = false;
- } else {
- di[i].checked = true;
- }
- }
- }
- }
- </script>
- </head>
- <body>
- <input type="button" id="inp1" value="全选" />
- <input type="button" id="inp2" value="不选" />
- <input type="button" id="inp3" value="反选" />
- <p id="p1">
- <input type="checkbox" />
- <br/>
- <input type="checkbox" />
- <br/>
- <input type="checkbox" />
- <br/>
- <input type="checkbox" />
- <br/>
- <input type="checkbox" />
- <br/>
- <input type="checkbox" />
- <br/>
- <input type="checkbox" />
- <br/>
- <input type="checkbox" />
- <br/>
- <input type="checkbox" />
- <br/>
- </p>
- </body>
- </html>
- </textarea>
行间样式 style 拥有最高的优先级.
来源: https://www.2cto.com/kf/201803/734278.html