js获取td内input的value去控制tr是否显示
时间: 2023-10-09 07:10:12 浏览: 121
Js获取table当前tr行的值的代码
可以通过以下方式实现:
- 首先给要控制的 tr 设置一个 id,方便后面通过 DOM 操作获取元素。
- 然后在 input 的 onchange 事件中获取其 value 值,并根据需要控制 tr 的显示或隐藏。
示例代码如下:
HTML:
```html
<table>
<tr id="tr1">
<td><input type="text" onchange="checkInputValue(this.value)"></td>
</tr>
<tr id="tr2">
<td>...</td>
</tr>
<tr id="tr3">
<td>...</td>
</tr>
</table>
```
JavaScript:
```javascript
function checkInputValue(value) {
var tr = document.getElementById("tr1");
if (value === "xxx") {
tr.style.display = "none";
} else {
tr.style.display = "";
}
}
```
以上代码仅为示例,实际情况中需要根据具体需求进行适当修改。
阅读全文