抹茶芋泥 2022-12-16 16:21 采纳率: 60%
浏览 17
已结题

获取table内的checkbox的同一行属性值无法获取到input框里的值

获取table内的checkbox的同一行属性值无法获取到input框里的值

想要获取页面展示的数据并存为一个List集合,但无法获取到input属性中的值

前端html里面的代码(grade为一个input框,输入后才有数据)

let list = json.data
   for (let i = 0;i < list.length;i++){
    let tr = '<span class="hljs-tag"><<span class="hljs-name">tr</span>></span>\n' +
        '<td><input name="snos" value="#{sno}" type="checkbox" onclick="showCol()" class="ckitem" /></td>\n' +
        '<td>#{sno}</td>\n' +
        '<td>#{sname}</td>\n' +
        '<td><input id="grade" name="grade" type="text" placeholder="成绩:"></td>\n' +
        '</tr>';
}

前端js代码

function showCol(){
            var checked = $("input[name='snos']:checked");//选中的复选框
            //循环被选中复选框的长度
            for (i = 0; i < checked.length; i++) {
                //创建一个对象
                var obj = {};
                //获取复选框选中的总行数里的i行
                var row = $("input[name=snos]:checked").parent("td").parent("tr")[i];
                //children获取的是子元素  []指要获取的第几个子元素  innerHTML取其html文本
                obj["sno"] = row.children[1].innerHTML;
                obj["sname"] = row.children[2].innerHTML;
                //请问怎么获取grade的值?是一个input框,row.getAttribute()方法获取不了

                console.log(row.children[1].innerHTML, row.children[2].innerHTML, row.getAttribute("grade"))
                //将对象存进数组
                array.push(obj);
            }
        }
  • 写回答

1条回答 默认 最新

  • 诗人远行 2022-12-16 16:27
    关注

    row.children[3].children[0].value

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

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

悬赏问题

  • ¥15 请使用蚁群算法解决下列问题,并给出我完整的代码
  • ¥20 关于php录入完成后,批量更新数据库
  • ¥15 请教往复密封润滑问题
  • ¥15 cocos creator发布ios包
  • ¥15 comsol压电材料数据
  • ¥35 用python实现除法算法中goldschmidt算法
  • ¥15 汇编代码转换成C代码
  • ¥15 除法算法中的归一化具体是怎么变的?
  • ¥20 集成电路的逻辑电路和晶体管简化图
  • ¥15 下载windows builder后的问题