js根据td内input的value去控制tr是否显示
时间: 2023-10-08 08:10:14 浏览: 79
JS操作table的tr/td
4星 · 用户满意度95%
可以通过以下方式实现:
- 首先,使用 JavaScript 获取所有需要控制的 tr 元素。
- 在遍历每个 tr 元素时,获取其内部的 input 元素,并获取 input 的 value 值。
- 根据需要控制的条件,控制 tr 的显示或隐藏。
示例代码如下:
HTML:
```html
<table>
<tr>
<td><input type="text"></td>
<td>...</td>
</tr>
<tr>
<td><input type="text"></td>
<td>...</td>
</tr>
<tr>
<td><input type="text"></td>
<td>...</td>
</tr>
</table>
```
JavaScript:
```javascript
var trs = document.getElementsByTagName("tr");
for (var i = 0; i < trs.length; i++) {
var input = trs[i].getElementsByTagName("input")[0];
var value = input.value;
if (value === "xxx") {
trs[i].style.display = "none";
} else {
trs[i].style.display = "";
}
}
```
以上代码仅为示例,实际情况中需要根据具体需求进行适当修改。
阅读全文