文本框出現在單選按鈕檢查

Question

我有以下..

<table id='table_columns'> 
    <td align="center"> 
     <input type="radio" name="WIDTH" value="1" <?php echo ($config->get('WIDTH','COLUMNS') == "1")?'CHECKED':'';?> /> 
     <p>4 Columns</p> 
    </td> 
    <td align="center"> 
     <input type="radio" name="WIDTH" value="2" <?php echo ($config->get('WIDTH','COLUMNS') == "2")?'CHECKED':'';?> /> 
     <p>3 Columns</p> 
    </td> 
    <td align="center"> 
     <input type="radio" name="WIDTH" value="3" <?php echo ($config->get('WIDTH','COLUMNS') == "3")?'CHECKED':'';?> /> 
     <p>Custom</p> 
    </td> 
    <tr> 
     <td align="right"> 
      <p>Column 1</p> 
     </td> 
     <td align="left"> 
      <input class="txt" size="3" maxlength="3" name="WIDTH1" Title="Insert the desired width" value="<?php echo $config->get('WIDTH1','COLUMNS')?>" /> 
     </td> 
    </tr> 

當自定義單選按鈕被選中，我想下面的文本框中出現。如果任何其他單選按鈕被選中，我不希望它顯示。我將如何做到這一點？

感謝

Answer 1

如果單選按鈕映射到下一行的單元格，你可以試試這個：

<script type="text/javascript"> 
    $(function(){ 
     $("table input:radio").click(function(){ 
      var $radio = $(this); 
      var index = $radio.closest("td").index(); 
      $radio.closest("tr").next().find("input:text").eq(index) 
       .toggle($radio.is(":checked")); 
     }); 
    }); 
</script> 

或者如果只有1下一行的文本框，你可以嘗試：

<script type="text/javascript"> 
    $(function(){ 
     $("table input:radio").click(function(){ 
      var $radio = $(this); 
      $radio.closest("tr").next().find("input:text") 
       .toggle($radio.is(":checked")); 
     }); 
    }); 
</script> 

你的標記看起來無效或者你只是複製/粘貼它錯誤