Question

我想检查或取消选中属于tr的复选框。

从这个tr我已经有了名称作为信息。

我需要类似＆＃34;取消选中tr上的复选框，其中tr.name = $ name＆＃34;

<tr>
    <td id="klauselname">
            002  
    </td>
    <td>
            50591
    </td>
    <td>
            Text
    </td>
    <td id="td-center">
            <input class="check-box" disabled="disabled" type="checkbox" />
    </td>

</tr>
<tr>
    <td id="klauselname">
            003  
    </td>
    <td>
            50601
    </td>
    <td>
            Text
    </td>
    <td id="td-center">
            <input class="check-box" disabled="disabled" type="checkbox" />
    </td>
</tr>

你知道吗？ o.o

Answer 1

首先，正如其他人所指出的，DOM中的ID应该始终是唯一的。您可以使用类或其他属性进行批量操作，但不能使用ID。

因此，请清除这样的重复ID，同时在Checkbox上添加一些ID。

<tr>
 <td id="myUniqueID_1">002</td>
 <td>50591</td>
 <td>Text</td>
 <td class="td-center" id="myUniqueID_3">
   <input id='myCheckBox_1' class="check-box" disabled="disabled" type="checkbox" />
 </td>
</tr>
<tr>
 <td id="myUniqueID_2">003</td>
 <td>50601</td>
 <td>Text</td>
 <td class="td-center" id="myUniqueID_4">
   <input id='myCheckBox_2' class="check-box" disabled="disabled" type="checkbox" />
 </td>
</tr>

现在我们可以添加一个能够处理Checkbox更改的函数。我们将使用checked属性，并根据我们的需要将其更改为 false 或 true 。

<script>
  function changeState(elID){
    var myCheckBoxStatus = document.getElementById(elID).checked;

    if(myCheckBoxStatus)
      document.getElementById(elID).checked = false;
    else
      document.getElementById(elID).checked = true;
  }
</script>

并且还可以放置一个按钮来测试它

<button onclick='changeState("myCheckBox_2");'>Toggle</button>

按名称找到的表中的取消/复选复选框（表值）

1 个答案: