<tr onclick="goToLink('/show_tui?tuihuodanhao={{item[1]}}');"> <td id="cell1"><input type="checkbox" value="{{item[1]}}" name="id"></td> <script> function goToLink(link) { window.location = link; } </script> <script> var cell = document.getElementById("cell1"); cell.onclick = null; </script>错在哪里
时间: 2024-02-01 21:01:55 浏览: 64
IE下通过a实现location.href 获取referer的值
这段代码存在一个逻辑错误,即在点击表格中的某一行时,会先执行 `goToLink` 函数跳转到对应的页面,然后再执行 `cell.onclick = null` 将该行的点击事件清空。这会导致无法再次点击该行,因为点击事件已经被清空了。正确的方式是将 `cell.onclick = null` 放在 `goToLink` 函数里面,即在跳转页面之前先清空点击事件,这样就可以正常点击了。修改后的代码如下所示:
```
<script>
function goToLink(link) {
var cell = document.getElementById("cell1");
cell.onclick = null;
window.location = link;
}
</script>
<table class="tab_1">
<tr>
<td><input type="checkbox" id="select-all"></td>
<td>录入时间</td>
<td>退货单号</td>
<td>录入人</td>
<td>备注</td>
<td>状态</td>
<td>日志</td>
</tr>
{%for item in data%}
<tr onclick="goToLink('/show_tui?tuihuodanhao={{item[1]}}');">
<td id="cell1"><input type="checkbox" value="{{item[1]}}" name="id"></td>
<td>{{item[0]}}</td>
<td><a href="/do_chawuliu2?danhao={{item[1]}}">{{item[1]}}</a></td>
<td>{{item[2]}}</td>
<td>{{item[3]}}</td>
<td>{% if item[4] is none %}{% else %}{{item[4]}}{% endif %}</td>
<td>日志</td>
</tr>
{%endfor%}
</table>
```
阅读全文