表格中第二列传值为什么无效?

作者站长头像
站长
· 阅读数 15

只有第一列有效,第二列没有传值。如果两个表格就没问题。但是只能用户一张表格,请问怎么修改呢,谢谢。

<table>
<tbody>
<tr>
<td><input type="checkbox"> </td>
<td>第一列</td>
<td><input type="checkbox"> </td>
<td>第二列</td>
</tr>
 </tbody>
</table>

<button onclick="next()">下一步</button>
<script>
function next() {
    sessionStorage.setItem('names',
    JSON.stringify([...document.querySelectorAll('tbody>tr')]
    .filter(tr => tr.querySelector('input').checked)
    .map(tr => tr.children[1].innerText)))

    location = 'next.html'
}
</script>


**next.html**
<div></div>
<script>
    document.querySelector('div').innerText = JSON.parse(sessionStorage.getItem('names')).join('\n')
</script>
回复
1个回答
avatar
test
2024-07-13

querySelectorAll是查找所有符合条件的元素,你只有一个trquerySelector是查找符合条件的第一个元素,只会找到要第一个td

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容