Grouping radios with different names

http://stackoverflow.com/questions/21001536/symfony2-radio-buttons-in-a-collection/21372121#21372121

by Eduardo GarcĂ­a Sanz

HTML

<div data-prototype="&lt;label&gt;&lt;input class=&quot;toggle&quot; type=&quot;radio&quot; name=&quot;form[tags][__name__][main]&quot;/&gt; Set as main&lt;/label&gt;"></div>
<a href="#">Add</a>

CSS

body {
    font-family: Arial, Helvetica, sans-serif;
}

label {
    display: block;
    margin: 0 0 10px 0;
}

JavaScript

var div = $('div');
var index = 0;

$('a').click(function(event) {

    event.preventDefault();
    div.append(div.data('prototype').replace(/__name__/g, index++));
});

div.on('change', 'input.toggle', function() {

    div
    .find('input.toggle')
    .not(this)
    .removeAttr('checked');
});