这段代码有一些可能从@COntroller 填充的值,我只想选择一个复选框并将该行转换为文本框。通过使用此代码,只有第一行更改为文本框。
<table border=2>
<th>ID</th><th>Status</th><th>test</th><th>Name</th><th><input type="button" name="edit" value="Edit" onclick="setEditable(this)"> </th>
<c:forEach items="${Data}" var="data">
<tr> <td>
<input type="text" disabled="disabled" id="idc" value=" ${data.ID}"> </td>
<td><input type="text" disabled="disabled" id="status" value="${data.status}"></td>
<td><input type="text" disabled="disabled" id="test" value="${data.test}"></td>
<td><input type="text" disabled="disabled" id="name" value="${data.Name}"></td>
<td><input type="checkbox" name="Rowselect" onclick="setEditable(this)" ></td>
</tr>
</c:forEach>
</table>
<script type="text/javascript">
function setEditable()
{
document.getElementById("idc").disabled = false;
document.getElementById("status").disabled = false;
document.getElementById("test").disabled = false;
document.getElementById("name").disabled = false;
alert("after the remove");
}
</script>