练习：全选取消反选

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <button onclick="selectAll()">全选</button>
    <button onclick="Cancel()">取消</button>
    <button onclick="reverse()">反选</button>
    <table border="1px">
        <tr>
            <td><input type="checkbox"></td>
            <td>123</td>
            <td>123</td>
            <td>123</td>
        </tr>
        <tr>
            <td><input type="checkbox"></td>
            <td>456</td>
            <td>456</td>
            <td>456</td>
        </tr>
        <tr>
            <td><input type="checkbox"></td>
            <td>789</td>
            <td>789</td>
            <td>789</td>
        </tr>
        <tr>
            <td><input type="checkbox"></td>
            <td>abc</td>
            <td>abc</td>
            <td>abc</td>
        </tr>
    </table>

    <script>
        function selectAll() {
            var inputs=document.getElementsByTagName('input');
            for (var i=0; i<inputs.length; i++) {
                var input=inputs[i];
                input.checked=true;
            };
        };
        function Cancel() {
            var inputs=document.getElementsByTagName('input');
            for (var i=0; i<inputs.length; i++) {
                var input=inputs[i];
                input.checked=false;
            };
        };
        function reverse() {
            var inputs=document.getElementsByTagName('input');
            for (var i=0; i<inputs.length; i++) {
                var input=inputs[i];
                // if (input.checked) {
                //     input.checked=false;
                // }else {
                //     input.checked=true;
                // };
                input.checked=!input.checked; // 两种都可以，这种更简洁
            };
        };
    </script>

</body>
</html>

while True: print('studying...')

相关阅读:
localhost和127.0.0.1及ip区别
Linux常用命令大全
百度搜红包相关代码（1）
今天开博第一篇，呵呵
杯具啊，中考
新年感想
【转】汇编语言基础
margin与padding
.net 中的Literal Label 控件、Literal 控件、Panel 控件和 Placeholder 控件
HTML 5 中的新元素

原文地址：https://www.cnblogs.com/xuewei95/p/15036964.html