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