edatagrid中当编辑一个字段的时候另一个字段锁定。jsp和js怎么写
时间: 2024-01-21 19:17:28 浏览: 26
你可以使用 JavaScript 监听编辑事件,然后根据需要锁定另一个字段。以下是实现的一种方式:
HTML/JSP 代码:
```
<table id="myTable">
<tr>
<td><input type="text" name="field1" /></td>
<td><input type="text" name="field2" /></td>
</tr>
<tr>
<td><input type="text" name="field1" /></td>
<td><input type="text" name="field2" /></td>
</tr>
...
</table>
```
JS 代码:
```
<script>
// 获取表格中所有行
const rows = document.querySelectorAll('#myTable tr');
// 循环遍历每一行
rows.forEach(row => {
// 获取当前行中的两个文本框
const field1 = row.querySelector('input[name="field1"]');
const field2 = row.querySelector('input[name="field2"]');
// 监听文本框的编辑事件
field1.addEventListener('input', event => {
// 锁定另一个文本框
field2.disabled = true;
});
});
</script>
```
这段代码会遍历表格中的每一行,然后监听每个行中的第一个文本框的编辑事件。当第一个文本框被编辑时,代码会将第二个文本框锁定禁用。你可以根据你的需要修改代码来实现你的需求。