Adding radio buttons with jquery

Question

I am trying use JQquery to add custom radio buttons to a parent element:

function createRadio(name, parentID, values) {
  var parent = $('#' + parentId);
  for (var i = 0; i < values.length; i++) {
      $('<input />', {
        type: 'radio',
        name: name,
        value: values[i]
    }).appendTo(parent);
    $('<label />', {
        'for': 'cb',
        text: values[i]
    }).appendTo(parent);
  }
}

However, this code works:

    $(document).ready(function () {
        $('<input type="radio" name="rad" value="a">').appendTo('#radios');
        $('<input type="radio" name="rad" value="b">').appendTo('#radios');
        $('<input type="radio" name="rad" value="b">').appendTo('#radios');
    });

But this doesn't:

    $(document).ready(function () {
        createRadio('rad', 'radios', ['a', 'b', 'c']);
    });

The HTML has a div who id is radios:

 <div id="radios">Radios</div>

Thanks for your time.

Please provide the definition to the parent variable.

Control Freak
– Control Freak

2014-10-05 14:31:49 +00:00
Commented Oct 5, 2014 at 14:31 — Control Freak
– Control Freak, Commented Oct 5, 2014 at 14:31

Bhavesh G · Accepted Answer · 2014-10-05 14:47:56Z

2

Your code is correct but you've mistaken in spellings parentID and parentId.

Check spelling of parentID in both function declaration (function createRadio(name, parentID, values)) parameters and var parent = $('#' + parentId);

It should be,

function createRadio(name, parentID, values) {
var parent = $('#' + parentID);
.....
.....
.....

answered Oct 5, 2014 at 14:47

Bhavesh G

3,0285 gold badges47 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Adding radio buttons with jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related