Comments on: Validating check boxes and radio buttons with Prototype

By: Jon

Jon — Wed, 12 May 2010 15:59:48 +0000

OK - failed second time to get my example HTML to display :) Will explain briefly:

First parameter to the function is the ID attribute of the parent HTML FORM. Second parameter is the NAME of the INPUT TYPE=RADIO group in question.

You need to include the prototype.js library before calling this function!

By: Jon

Jon — Wed, 12 May 2010 15:55:16 +0000

Apologies - didn’t put code tags around the example above so it stripped out my html tags - will try again:


    option 1

    option 2
function is_radio_checked(formId,radioGroup)

{

   return Boolean($(formId).getInputs('radio',radioGroup).find(function(r){ return r.checked; }));

}

clicky testy

By: Jon

Jon — Wed, 12 May 2010 15:52:41 +0000

Thanks for this. Alternative way to do it without element selectors is as follows:

option 1
option 2

function is_radio_checked(formId,radioGroup)
{
return Boolean($(formId).getInputs(’radio’,radioGroup).find(function(r){ return r.checked; }));
}

clicky testy

By: kchr

kchr — Tue, 22 Dec 2009 10:37:54 +0000

Hi Leo,

Thanks for your feedback. I assumed the readers have some basic knowledge about the Prototype framework and how to work with element selectors.

You simply replace the “elements” string with your own selector pattern for matching check boxes or radio buttons. The return value of my oneliner will be boolean true/false depending on whether or not at least one of the elements that you have matched upon is checked.

Example selector:

$( "#form input[type=checkbox]” )…

The above pattern would select all check boxes that is a child of an element with an id of “form”.

By: Leo

Leo — Fri, 27 Nov 2009 15:15:34 +0000

It sucks, it’s nothign if you dont post examples on how to use it!