名前のテーブルのチェックボックスをオフにします（テーブル値）

Question

trの一部であるチェックボックスをオンまたはオフにします。

このtrから、私はすでに情報として名前を持っています。

私は

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

"TRどこtr.name = $名にチェックを外してチェックボックス" のようなものを必要とするuが任意のアイデアを持っていますか？他の人が指摘したように、すべての

Answer 1

まずo.o、あなたのDOM内のIDは常に一意である必要があります。一括操作にはクラスやその他の属性を使用できますが、IDは使用できません。

このように重複IDをクリアすると同時に、チェックボックスにいくつかの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> 

ここで、チェックボックスの変更を気にする機能を追加できます。私たちは、checkedプロパティを使用し、当社のニーズに応じて、偽または真に変更します。

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

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

ともあなたのコード内で同じDOM IDを複数回使用している

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