ray88’s diary

お仕事で困ったとき用の自分用の覚書

JavaScript 比較の式(ANDとOR)

JavaScript 目次 - ray88’s diary
■AND条件式: 条件式1 && 条件式2 && 条件式3・・・・・
■OR条件式 :  条件式1 || 条件式2 || 条件式3・・・・・

※以下のようにANDとORを組み合わせることも可能
(条件式1 && 条件式2) || (条件式3 && 条件式4)

<html>
    <head>
        <meta charset="UTF-8">
        <script>
            function update() {
                var a = document.getElementById("a").checked;
                var b = document.getElementById("b").checked;
                var c = document.getElementById("c").checked;
                document.getElementById("r0").textContent = (a && b && c);
                document.getElementById("r1").textContent = (a || b || c);
            }
        </script>
    </head>
    <body>
        <h2>AND/ORテスト</h2>
        A:<input id="a" type="checkbox" onchange="update()" />
        B:<input id="b" type="checkbox" onchange="update()" />
        C:<input id="c" type="checkbox" onchange="update()" />
        <p>
            A && B && C => <span id="r0"></span><br />
            A || B || C => <span id="r1"></span><br />
        </p>
    </body>
</html>