jQuery：隱藏或顯示基於單選按鈕檢查的表格行

無法採用此處找到的任何示例，因此我會將其作爲新問題發佈。jQuery：隱藏或顯示基於單選按鈕檢查的表格行

我有幾個錶行，一個用單選按鈕：

<tr id="catering-types"> 
    <td colspan="2">Catering Option</td> 
    <td> 
     <div class="catering-radio-option"> 
     <label><input type="radio" name="catering_type" id="pickup-only" value="pickup-only" checked="checked"> 
     Pickup Only</label> 
     </div> 
     <div class="catering-radio-option"> 
     <label><input type="radio" name="catering_type" id="delivered" value="delivered">Delivered</label> 
     </div> 
     <div class="catering-radio-option"> 
     <label><input type="radio" name="catering_type" id="fully-serviced" value="fully-serviced">Fully Serviced</label> 
     </div> 
    </td> 
</tr>

和行下面應該隱藏或顯示，基於什麼用戶在單選按鈕檢查。在這個例子中，如果用戶選擇「Delivered」單選按鈕，則只顯示下面的表格行，否則應該隱藏。

感謝

喬治

來源

2012-02-09 Mamaduka

你可以定製在以下答案 [http://stackoverflow.com/questions/9115364/how-to-display-hidden-table-rows-with-radio-buttons-using-jquery] [1] [1]：http://stackoverflow.com/questions/9115364/how-to-display-hidden-table-rows-with-radio-buttons-using-jquery – 2012-02-09 12:50:28

添加點擊處理程序單選按鈕。如果選中，那麼你可以去$（this）.closest（'tr'）。next（）。hide（）;

最近的是你需要的神奇功能。它向上搜索正確的選擇器。

只需添加onclick =「$（this）.closest（'tr'）。next（）。hide（）;」作爲單選按鈕的屬性。

這會隱藏餐飲類型行之後的行。點擊處理程序中的選擇器當然必須改變其他類型。

來源

2012-02-09 13:47:20 Karlth

感謝建議，你可以更新它，幷包括單選按鈕單擊處理程序部分？再次感謝。 – Mamaduka 2012-02-09 13:54:15

不確定內聯js是不是個好主意。試着用'.live'（'change'function（）{}'，最接近tr沒有工作，但目標tr id和使用'hide（）'工作。 – Mamaduka 2012-02-09 15:31:23

jQuery：隱藏或顯示基於單選按鈕檢查的表格行

回答

相關問題