使用jquery添加单选按钮

时间:2014-10-05 14:29:49

标签: jquery

我正在尝试使用JQquery将自定义单选按钮添加到父元素:

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);
  }
}

但是,此代码有效:

    $(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');
    });

但这不是:

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

HTML有一个id为radios的div:

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

感谢您的时间。

1 个答案:

答案 0 :(得分:2)

您的代码是正确的,但您在拼写parentIDparentId时出错了。

在功能声明(parentID)参数和function createRadio(name, parentID, values)

中检查 var parent = $('#' + parentId); 的拼写

应该是,

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