js根据checkbox的选中转态输出整行内容

  1. 先说一下这个问题,首先这个是我在公司做的目的是下载选中checkbox的整行内容,我要做的是把数据发给后端,然后后端进行操作。
  2. 这个html代码不是我写的,也是后来接的这个项目,html代码前面那个checkbox是写死的,写在表格里已经很不错了。
  3. 将一下思路,首先进入到表格所在的页面,选中checkbox,然后单击单条导出,就可以下载了,我做的是点击单条导出 控制台打印选中的数据就OK了,如下图:在这里插入图片描述
    在这里插入图片描述
    <script>
        $(".dan-dao").click(function(){
        	// 定义数组
            var data = [];
            var val = [];
            var strs = [];
            // 将所有的被选中行的数据装进数组
            $("input[name='love']:checked").each(function(){ //遍历所有的checkbox,判断是否被选中
                     var shuzu = $(this).parents("tr").children(0) // 感觉太长了分开写了
                    for(var i = 0 ; i < shuzu.length; i++ ){
                        val = shuzu.eq(i).text();
                        strs.push(val);  // 把val 赋值给strs
                    }
            });
            for( var d = 0 ;d < strs.length; d += 14){
               strs.splice(d,1); // 这个是删除从第 d个,每次删一个的一个循环 因为前面有个checkbox的值是空的 需要删除
            }
            var arrLen = 14;  //这里一行数组最多14个
            var newDataArr = [];
            // 分割数组使每一行在一个数组里
            for (var i=0;i<strs.length;i+=arrLen) {
                newDataArr.push(strs.slice(i,i+arrLen));
            }
            data.push(newDataArr) // 把分割完的数组赋值给data
            console.log(data);   // 打印数据
        })
    </script>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值