隐藏​​与jQuery基于输入值

Question

我想隐藏td如果inputvalue是0但我不能得到它的工作？

http://jsfiddle.net/zxpsd8x6/1/

<td><input type="radio" name="hideifvalue0" value"0"></td> 
<td><input type="radio" name="hideifvalue0" value"1"></td> 

<button class="btn1">Hide</button> 
<button class="btn2">Show</button> 
<script> 
$(document).ready(function(){ 
$(".btn1").click(function(){ 
$("td").hide(); 
}); 
$(".btn2").click(function(){ 
$("td").show(); 
}); 
}); 
</script> 

Answer 1

没有办法的办法，但这种修复的选择：

的jsfiddle：http://jsfiddle.net/swcmp2ws/

$(document).ready(function() { 
    $(".btn1").click(function() { 
     $('td:has(input[value="0"])').hide(); 
       //or 
     $('input[value="0"]').parent().hide(); 
    }); 
    $(".btn2").click(function() { 
     $('td:has(input[value="0"])').show(); 
       //or 
     $('input[value="0"]').parent().show(); 
    }); 
}); 

注：无效

• 你的HTML - 添加table和tr元素
• 你应该只使用共同的要素类简单的选择（例如class="hidethese"）和$('.hidethese').hide()

Answer 2

你的HTML改为：

<td><input type="radio" name="hideifvalue0" value="0"></td> 
<td><input type="radio" name="hideifvalue0" value="1"></td> 

那么你的jQuery应该是：

我会建议

$(document).ready(function(){ 
    $(".btn1").click(function(){ 
    $("input[value='0']").parent().hide(); 
    }); 
    $(".btn2").click(function(){ 
    $("input[value='0']").parent().show(); 
    }); 
}); 

Answer 3

首先你的html元素是错误的。 <td>应该是内部<table><tr> 像： <table> <tr> <td><input type="radio" name="hideifvalue0" value="0" /></td> <td><input type="radio" name="hideifvalue0" value="1" /></td> </tr> </table>

<button class="btn1">Hide</button> <button class="btn2">Show</button>

然后在这里jQuery代码老话：

$(".btn1").on('click', function() { $("input:radio[value='0']").parent().hide(); });

$(".btn2").on('click', function() { $("input:radio[value='0']").parent().show(); });