1. Gurcharan

   Apr 16th, 2007 at 10:35 pm

   Thanxs..
   It’s really working and simple.

2. Pete

   May 5th, 2007 at 4:54 am

   Clean, concise example. This was helpful, thanks…
   -Pete.

3. Anders

   May 8th, 2007 at 4:10 am

   Hi mate, thanks for this - a unique compressed prototype :).

4. Julio

   Jun 8th, 2007 at 7:23 am

   Hi there,
   thanks for that tip I was getting mad with that!!
   - Julio from Perú

5. Tomas Nielsen

   Jul 23rd, 2007 at 8:03 am

   This is so beautiful it brings tears to my eyes. Thanks!

6. Julien C

   Sep 12th, 2007 at 9:08 pm

   Nice one-liner solution to a common problem

7. Lee

   Sep 25th, 2007 at 5:44 am

   I think the form has to have an id as well as a name in the opening form tag. I had to add id=”myform” to the form tag to get this working. Awesome tip! Thanks for posting.

8. Learn PHP

   Oct 2nd, 2007 at 6:04 am

   Thanks mate. Simple and impressive solution.

9. Jan R

   Oct 12th, 2007 at 12:41 am

   Thats very nice.

   Do you have an Solution as nice as this for doing the other way around?
   e.g.:
   setRadio( 'type', 'two' ) // checking the radio button wich value is 'two'

10. Jan R

    Oct 12th, 2007 at 12:58 am

    Note to myself: Think before you write.

    It was easy to do, taking your code as base.
    
$('myform').getInputs('radio','type').find( function(radio){return radio.value=='two'}).checked = true;
or
Form.getInputs('myform','radio','type').find( function(radio){return radio.value=='two'}).checked = true;

    I like the first Version better because it looks more OO.

11. Keith Halstead

    Oct 31st, 2007 at 12:41 am

    Here’s an alternative, note the form tag must have an ID

    var typeValue = $(’myform’).serialize().toQueryParams()[’type’]

12. zhiqing

    Jan 15th, 2008 at 12:20 pm

    Hi everyone:
    var typeValue = Form.getInputs(’myform’,'radio’,'type’).find(function(radio) { return radio.checked; }).value;
    it can works in IE perfectly.However it doesn’t work in FireFox.

13. Jesper Rønn-Jensen

    Sep 9th, 2008 at 12:25 am

    you could benefit from using the CSS selectors in stead like so:

    $$(’input[name=type]:checked’).first().value;

    Short and simple

14. Leon

    Apr 10th, 2009 at 5:04 am

    I like it. Thanks!

15. Munteanu Alex

    Oct 16th, 2009 at 4:34 am

    var form = $(’MyForm’);
    var typeValue = form.getInputs(’radio’, ‘RadioName’).find(function(radio) { return radio.checked; }).value;

1. 1 James Starmer » Blog Archive » How to find which radio button is selected Pingback on Jul 20th, 2007 at 5:33 am

   […] Rex Chung has a great one line script to find a checked radio button out of a set with the same name attribute using prototype.js. […]

2. 2 David Bolton Strikes Again » Blog Archive » Ajax.Autocompleter with dynamic parameters Pingback on Nov 20th, 2007 at 4:26 pm

   […] I’ve often found the scriptaculous docs to be rather lacking (the jQuery docs tend to be much better for instance), and today I ran into another issue.ÂÂ While the docs for Ajax.Autocompleter do mention the callback method, it wasn’t really clear till I came across a great post by Nicholas Schlueter on dynamic parameters for Ajax.Autocompleter.ÂÂ Combined with a handy bit of javascript from my buddy Rex Chung for getting radio group values and I had a solution to my problem (of how to return parameters in my AJAX request with dynamic data from user input into a radio group) […]

3. 3 viz : Prototype Radio Button Serialization Bug Pingback on Dec 9th, 2008 at 5:30 am

   […] of hash) of serializing radio buttons. Google of course came to the rescue with this very excellent fix from Rex […]

4. 4 Obtener el valor de la selección de un grupo de radiobuttons con Prototype - 6th Edition Pingback on Mar 5th, 2009 at 7:20 am

   […] Getting Radio buttons value with Prototype.js. http://rexchung.com/2007/02/22/getting-radio-buttons-value-with-prototypejs/ […]

Leave a Comment

trackback address