javascript - 根据选定的单选按钮隐藏/显示表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();
您可以在 ng 之后立即尝试，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" />。
它可能会导致命令被覆盖。