html - jstlを使用して動的チェックボックス値を生成するにはどうすればよいですか

Question

このコードには、@CONtroller から入力される可能性のある値がいくつかあります。1 つのチェックボックスを選択するだけで、その行がテキスト ボックスに変換されます。このコードを使用すると、最初の行のみがテキスト ボックスに変更されます。

<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>