document.getElementsByName()和for..in loop結合的例子

剛好看到有結合這兩者的例子,

想做的功能: 如email信箱有容量限制, 當我們要刪除不要的email時, 按下"刪除"鍵會檢查至少要點選一封要刪掉的email, 以防都沒選到任一要刪的email。

完整code如下:

<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>2-24 判斷單選框是否勾選</title>
</head>
<body>

    <h2>判斷核取方塊有沒有勾選一項</h2>
    <input type="checkbox" name='checkSelects' checked='checked'>1<br />
    <input type="checkbox" name='checkSelects'>2<br />
    <input type="checkbox" name='checkSelects'>3<br />
    <input type="checkbox" name='checkSelects'>4<br />

    <script type="text/javascript">

        window.onload = function(){

            var _checkSelects = document.getElementsByName("checkSelects");

            for(var i in _checkSelects){

                if(_checkSelects[i].checked){

                    console.log("至少勾選了一項");
                    return;

                };

            }

            console.log("沒有勾選");

        };

    </script>

</body>
</html>



留言

熱門文章