2016-06-23 56 views
-2

我想選中或取消選中屬於tr的複選框。通過名稱查找表中的Un/Check複選框(表值)

從這個tr我已經有名稱作爲信息。

我需要的東西,如 「在TR上取消選中複選框,其中tr.name = $名稱」

<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

+1

您使用的是相同的DOM ID多次在你的代碼。避免這種情況,這會導致一些錯誤。 – wtfzn

+0

您的HTML無效;兩個具有相同'id'屬性值的元素是不允許的。相反,你應該使用類名。至於問題的另一部分:是的,我們有一個想法。但是你自己的嘗試代碼出了什麼問題?你試過什麼代碼? –

+0

您正在重複使用相同的'id',這是無效的,並且兩個複選框都沒有'name'屬性 –

回答

0

首先,正如其他人所指出的,在你的DOM 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> 

現在我們可以添加一個功能,將照顧複選框的變化。我們將使用已選中的屬性,並將其更改爲falsetrue取決於我們的需求。

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

非常感謝。在我編輯我的剃鬚刀代碼後,我能夠添加一個我現在可以使用的ID。當然,我將所有ID更改爲類^^ –