js动态获取td内input的value去控制tr是否显示
时间: 2023-10-09 18:10:12 浏览: 178
可以通过以下方式实现:
- 首先,使用 JavaScript 获取所有需要控制的 tr 元素,并且给每个 input 设置一个 onchange 事件。
- 在 onchange 事件中获取当前 input 所在的 td 和 tr 元素,以及当前 input 的 value 值。
- 根据需要控制的条件,控制 tr 的显示或隐藏。
示例代码如下:
HTML:
```html
<table>
<tr>
<td><input type="text" onchange="checkInputValue(this)"></td>
<td>...</td>
</tr>
<tr>
<td><input type="text" onchange="checkInputValue(this)"></td>
<td>...</td>
</tr>
<tr>
<td><input type="text" onchange="checkInputValue(this)"></td>
<td>...</td>
</tr>
</table>
```
JavaScript:
```javascript
function checkInputValue(input) {
var td = input.parentNode;
var tr = td.parentNode;
var value = input.value;
if (value === "xxx") {
tr.style.display = "none";
} else {
tr.style.display = "";
}
}
```
以上代码仅为示例,实际情况中需要根据具体需求进行适当修改。
阅读全文