javascript - 使用 javascript 启用和禁用复选框

Question

这是我的复选框和文本框:

<td> <input type ="checkbox" id="haha" onclick="enable('<?php echo $agenda->id; ?>')" value=<?php echo $agenda->id; ?>>

<td> <input type="text" name="dnama" id="nama_<?php echo $agenda->id; ?>" value="<?php echo $agenda->nama; ?>" disabled /> </td>
<td> <input type="text" name="dketer" id="ket_<?php echo $agenda->id; ?>" value="<?php echo $agenda->keterangan; ?>" disabled> </td>

这是我的 javascript:

function enable(id) {
var disabled = !document.getElementById('haha').checked;
document.getElementById("nama_"+id).disabled = disabled;
document.getElementById("ket_"+id).disabled = disabled; }

我的问题是为什么这只适用于第一行，我首先选中了复选框，文本框将被启用，然后我取消选中第一个复选框并选中第二个和其他文本框仍然禁用..我该如何解决这个问题？

Answer 1

你可以只使用一个函数:

function toggle(someId) {
    document.getElementById(someId).disabled = !document.getElementById(someId).disabled;
}