input复选框获取选中的值

最新推荐文章于 2023-12-12 15:24:02 发布

浏览器翻译官~

最新推荐文章于 2023-12-12 15:24:02 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

文章标签： input checkbox

本文链接：https://blog.youkuaiyun.com/lbPro0412/article/details/87779312

javascript 同时被 2 个专栏收录

46 篇文章

订阅专栏

html

5 篇文章

订阅专栏

本文介绍了一个使用原生JavaScript实现的数据列表生成方法，包括数据获取、列表渲染及复选框值的读取。通过示例代码，展示了如何遍历数组数据，将其转换为HTML表格，并获取被选中的项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

好久没有用原生了，已经忘得差不多了，简单整理一下：

getDataLists();
        function getDataLists() {
            console.log(789)
            var data = [
                {
                    id: '01',
                    chineseName: '大姐姐',
                    EnglishName: 'dajj',
                    EnglishCode: 'ddddddd',
                },
                {
                    id: '02',
                    chineseName: '大姐姐',
                    EnglishName: 'dajj',
                    EnglishCode: 'ddddddd',
                },
                {
                    id: '03',
                    chineseName: '大姐姐',
                    EnglishName: 'dajj',
                    EnglishCode: 'ddddddd',
                },
            ]
            var html = "";
            for (var i = 0; i < data.length; i++) {
                html = html + "<tr><td style='text-align: left'>" + data[i].id + "</td><td style='text-align: left'>" + data[i].id + "</td><td>" + data[i].id + "</td><td>" + data[i].id + "</td><td><input checked='checked'name='highRisk' value='" + data[i].id + "' type='checkbox'></td></tr>"
            }
            $("#list").html(html);
        }

function getcheckedId() {
            var obj = document.getElementsByName("highRisk");
            var checkedArr = [];
            for (k in obj) {
                if (obj[k].checked) {
                    checkedArr.push(obj[k].value);
                }
            }
            return checkedArr;
        }