根據選定的單選按鈕隱藏/顯示表TR-jQuery

Question

這是我的html：

<input id="source" type="radio" name="source" value="1" />
<input id="source" type="radio" name="source" value="2" checked="" />

<table id="dataList">
  <tr row='12'><td>this is row 12</td></tr>
  <tr row='13'>
     <td>
         <input id="item" type="radio" name="item" value="1" />
         <input id="item" type="radio" name="item" value="2" />
     </td>
  </tr>
  <tr row='14'><td>this is row 14</td></tr>
</table>

任何我的jQuery：

jQuery(document).ready(function() {
  jQuery('input[name=source]').click( function() {
    if(jQuery('input[value=1]').is(':checked')) {
        jQuery('#dataList tr[row=13]').show();

    } else if(jQuery('input[value=2]').is(':checked')) {
        jQuery('#dataList tr[row=13]').hide();
    }
  })
})

假設在加載頁面時，如果選中單選按鈕id = source的值為value = 2，則tr row = '13'將被隱藏。 但它沒有按預期發生。 請幫我。

Answer 1

你可以試試
$('tr[row="13"]').hide();
就在jQuery(document).ready(function() {
因為您說的是“頁面加載時”。

Answer 2

您可以更改目標。 我不知道它叫什么，但是這個東西$（'TARGET'）。
由於您有2個輸入，其值為1。
請參閱以下內容
<input id="source" type="radio" name="source" value="1" />
和
<input id="item" type="radio" name="item" value="1" /> 。
這可能會導致命令覆蓋。