Question

I have several input elements which look like this:

<input type="radio" checked="checked" value="1" name="handle[123]" />
<input type="radio" checked="checked" value="2" name="handle[456]" />

The number inside the name attribute is an object id i need. Now what I want to do is:

1. Fetch all input which are of type=”radio” and are checked with prototype
2. Put all ids and values in an associative array

…so the resulting array looks something like this:

array{ 1 => 123, 2 => 456 }

Any ideas?

Answer 1

Here’s what I came up with:

var results = [];
document.body.select('input[type=radio]:checked').each(function (element) {
    var object = {};
    object[element.value] = element.name.match(/\d+/)[0];
    results.push(object);
}); 

new Ajax.Request('/some_url', {
  method: 'post',
  parameters: results
});

Demo