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

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

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

let list = json.data
   for (let i = 0;i < list.length;i++){
    let tr = '<tr>\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);
            }
        }

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