javascript - 隐藏 tr 中的整行

Question

当 tr 标记内输入值 = 0 时，我试图隐藏整行？在示例中，我尝试隐藏第 1,3,4 行并显示第 2 行，因为 input = 1

现在我正在用 hide-also 类隐藏所有 tr，但这不是我想要完成的。

http://jsfiddle.net/jmg2u98a/1/

<script>
$(document).ready(function () {
$(".btn1").click(function () {
    $('td:has(input[value=0]), .hide-also').hide();
});
$(".btn2").click(function () {
    $('td:has(input[value=0]), .hide-also').show();
});
});
</script>
    <table>
    <tr class="hide-also">
        <td>Row 1 Hide if value 0</td>
        <td><input type="radio" name="hideifvalue0" value="0"/></td>
    </tr>
    <tr class="hide-also">
        <td>Row 2 Show if value 1</td>
        <td><input type="radio" name="hideifvalue0" value="1"/></td>
    </tr>
    <tr class="hide-also">
        <td>Row 3 Hide if value 0</td>
        <td><input type="radio" name="hideifvalue0" value="0"/></td>
    </tr>
    <tr class="hide-also">
        <td>Row 4 Hide if value 0</td>
        <td><input type="radio" name="hideifvalue0" value="0"/></td>
    </tr>        
</table>
<button class="btn1">Hide</button>
<button class="btn2">Show</button>

Answer 1

试试这个:

  $(document).ready(function () {
   $(".btn1").click(function () {
    $(".hide-also").each(function(){
        if($(this).find("td input").val()==0)
            $(this).hide();
    });

  });
  $(".btn2").click(function () {
    $('td:has(input[value=0]), .hide-also').show();
  });
});