js獲取復選框內容


<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
</head>

<body>
    <div id="chkDiv">
        <input type=radio value="1" /><input type=radio value="0" /><input type=button value="TEST" onclick="test();" />
    </div>
</body>
<script>
    function test() {
        $("#chkDiv :radio").each(function () {
            console.log($(this).is(":checked"));
            console.log($(this).val());
            var trueSex = $(this).val();
            console.log('trueSex', trueSex);
        })
    }
</script>
    <body>
    <div>
        <input type="checkbox" value="遍歷1" />1
        <input type="checkbox" value="遍歷2" />2
        <input type="checkbox" value="遍歷3" />3
        <input type="checkbox" value="遍歷4" />4
        <input type="checkbox" value="遍歷5" />5
        <br>
        <input type="button" id="btn" value="遍歷" />
    </div>
    <script>
        //  通過type屬性遍歷:
        $(document).ready(function () {
            $("#btn").click(function () {
                var opt = "";
                $("input[type='checkbox']").each(function () {
                    if ($(this).is(":checked")) {
                        opt = "選中";
                        console.log($(this).val())
                    } else {
                        opt = "未選中";
                    }
                });
            });
        });
    </script>
</body>
</html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM