Home/ Questions/Q 8332583
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T02:45:53+00:00

I’m trying to combine radio buttons and text_field for a single value : =

  • 0

I’m trying to combine radio buttons and text_field for a single value :

= f.radio_button :system, "bacteria"
Bacteria
= f.radio_button :system, "mammalian"
Mammalian
= f.radio_button :system, "yeast"
Yeast
= f.radio_button :system, "insect"
Insect
= f.radio_button :system, "other"
Other:
= f.text_field :system, class:"input-small"

When I submit, nothing happens because a blank value is given in params even if a radio is checked (I think it considers the text field).

I tried to give another name to the text_field, and replaced the :system value in the controller after updating, but it looks like a dirty way…

Do you have any cleaner ideas ?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Here you can not directly mix radio_button and text_field together for the same field.
    I think you can define one extra radio_button field that will be hidden and whose value will get updated when user enters into text_field.

    = f.radio_button :system, "bacteria"
Bacteria
= f.radio_button :system, "mammalian"
Mammalian
= f.radio_button :system, "yeast"
Yeast
= f.radio_button :system, "insect"
Insect
= f.radio_button :system, "other"
Other:
= f.radio_button :system, nil, :id => :hidden_radio, :style => "display:none"
= f.text_field :free_system_input, class:"input-small", :id => :free_system_input

    In above you will be writing onchange event on text_field and whenever value gets entered inside text_field it will set hidden radio_button’s value to the text_field_value.

    :javascript
 $("free_system_input").keyup(function(){
   $("hidden_radio").val($(this).val())
 })

    Above code is just to give idea how to deal with issue and will not work just as it is .. 🙂

    • 0