面试心得与前端技能总结-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_44164824/article/details/89483427

今天去面试了，也顺利拿到了offer，总结一下。

<body>
    <input id="check" type="checkbox">顶层
    <input id="check1" type="checkbox">二层
    <input class="check2" type="checkbox">三层
    <input class="check2" type="checkbox">三层
    <input class="check2" type="checkbox">三层
</body>
<script>
    var check = document.getElementById('check');
    var check1 = document.getElementById('check1');
    var check2 = document.getElementsByClassName('check2');
    check.onclick = function () {
        for (var i = 0; i < check2.length; i++) {
            if (check.checked == true) {
                check1.checked = true;
                check2[i].checked = true;
            }
            if (check.checked == false) {
                check1.checked = false;
                check2[i].checked = false;
            }
        }
    }
    check1.onclick = function () {
        for (var i = 0; i < check2.length; i++) {
            if (check1.checked == true) {
                check1.checked = true;
                check.checked = true;
                check2[i].checked = true;
            }
            if (check1.checked == false) {
                check1.checked = false;
                check.checked = false;
                check2[i].checked = false;
            }
        }
    }
    for (var i = 0; i < check2.length; i++) {
        check2[i].onclick = function (event) {
            if (event.target.checked == true) {
                check1.checked = true;
            }
            for (var k = 0; k < check2.length; k++) {
                if (check2[k].checked == false) {
                    check1.checked = false;
                }
                if (check2[k].checked == true) {
                    check1.checked = true;
                }
            }
        }

    }

</script>

面试总结。