表格中第二列传值为什么无效?
只有第一列有效,第二列没有传值。如果两个表格就没问题。但是只能用户一张表格,请问怎么修改呢,谢谢。
<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个回答

test
2024-07-13
querySelectorAll是查找所有
符合条件的元素,你只有一个trquerySelector是查找符合条件的第一个
元素,只会找到要第一个td
回复

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