weixin_50809193 2022-05-16 16:55 采纳率: 50%
浏览 73
已结题

jquery如何获取动态添加的复选框中的值

首先在

  • 中利用append添加复选框

    img


    现在如何利用jquery获取其中选中的值

  • 写回答

5条回答 默认 最新

  • Heerey525 前端领域新星创作者 2022-05-16 17:29
    关注
    
<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset='utf-8'>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>

    <body>
        <div>
            <div class="l1212"></div>
            <button onclick="getChecked()">获取选中的值</button>
        </div>
        <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
        <script>
            var data = {
                l: [1,2,3,4],
                l1: ['id1','id2','id3','id4']
            }
            for(var i=0;i<data.l.length;i++){
                let d='<li>'+'<input type="checkbox" name="'+data.l[i]+'" id="'+data.l1[i]+'" value="'+data.l[i]+'" />'+data.l[i]+'</li>'
                $(".l1212").append(d)
            }

            function getChecked() {
                var checkedList = $(".l1212 input:checked")
                var arr = []

                Array.prototype.forEach.call(checkedList, function(item) {
                    arr.push(item.value)
                })
                console.log('选中：', arr)
            }
        </script>

    </body>

</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
  • hyh123a 全栈领域新星创作者 2022-05-16 17:05
    关注

    解决方法

    或许你可以这样，
    1、在append元素的时候，在元素内部加一个id属性，id的值的话为 循环里的i，或者看你自己需求自己设置，注意有规律不重复就行
    2、这样再利用Jquery获取这个元素的时候就直接根据id获取就行

    $("#id")

    不知道这样设计是否满足你的需求

    如有问题及时沟通

    评论 编辑记录
  • 吕布辕门 后端领域新星创作者 2022-05-16 17:08
    关注

    var obj=document.getElementsById('test');
    其中test是id。
    或者
    $("#test")

    评论 编辑记录
  • 一起随缘 2022-05-16 17:11
    关注

    var checkdArray = function(){
    var arry = new Array();
    //循环所有选中的值
    $('input[name="多选框的name值"]:checked').each(function(index, element) {
    //追加到数组中
    arry.push($(this).val());
    });
    //将数组元素连接起来转化为字符串
    var arrystr = arry.join(',');
    //输出到控制台
    console.log("选中值："+ arrystr);
    }

    可以参考如下链接https://www.cnblogs.com/yuan9580/p/14966377.html

    评论
  • 不甘_ 2022-05-16 17:29
    关注

    可以把他加到form表单里面，直接序列化

    img

    img

    img

    评论
查看更多回答(4条)

报告相同问题？

问题事件

  • 系统已结题 5月24日
  • 已采纳回答 5月16日
  • 创建了问题 5月16日

悬赏问题

  • ¥40 找同学帮敲Python代码
  • ¥15 MYSQL 订单的商品明细重复计算问题
  • ¥15 微信实时共享位置修改
  • ¥100 TG的session协议号转成直登号号后客户端登录几分钟后自动退出设备
  • ¥50 共模反馈回路的小信号增益
  • ¥15 arduino ssd1306函数与tone函数放歌代码不兼容问题
  • ¥70 0.96版本hbase的row_key里含有双引号，无法deleteall
  • ¥40 Ida Pro增加插件出现问题
  • ¥15 诊断性META分析合并效能的检验
  • ¥15 请问abb根据色块判断奇偶数并根据批次号放入仓储