jquery - RAILS + JQuery 和 Radion_BUTTON

Question

我有 2 个 radio_butto_tag（如下所示）

<label>Selection :</label><br>
    <label>Randomly</label>
    <%= radio_button_tag(:choice, 'Randomly', true )%>
    <label>Number of ATGC specified</label>
    <%= radio_button_tag(:choice,'No_of_ATGC')%>

如果用户点击 Number of ATGC 按钮，将会发生什么，然后它会显示 number_field 询问用户他们想要多少 A's T's G's 和 C's。我希望number_field仅在用户单击radio_button. 但我不知道该怎么做。有人可以指导我吗？新的 javascripts rails 和所有

提前致谢

Answer 1

包装您的文本字段输入：

<div class="atgc_fields hidden">
  <%= f.input .....%>
  ....
  ....
   Or 
  <%= input_tag ...%>
   ...
  ...
</div>

在 CSS 中

.hidden{
 display:none;
}

javascript:

$.ready(function(){

 $('input:radio[name="choice"]').change(function(){
       if ($(this).is(':checked')) {
         $('.atgc_fields').removeClass('hidden');
       }
       else{
         $('.atgc_fields').addClass('hidden');
         $(".atgc_fields input[type=text]").each(function() {
         $(this).val(''); //reset the values of input fields (if any)
         });
        }
     });

})