js获取复选框内容

最新推荐文章于 2024-07-12 22:03:30 发布

菩提树下的丁春秋

最新推荐文章于 2024-07-12 22:03:30 发布

阅读量750

点赞数

本文链接：https://blog.csdn.net/maxchenBug/article/details/88153653

版权

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" οnclick="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>

posted @ 2019-02-13 13:59 动手的程序员阅读( ...) 评论( ...) 编辑收藏

菩提树下的丁春秋

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js获取复选框内容

js获取复选框内容 &lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"&gt;...
复制链接

扫一扫