隱藏​​與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(); });