Question

我正在尝试使用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>

感谢您的时间。

Answer 1

您的代码是正确的，但您在拼写parentID和parentId时出错了。

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

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

应该是，

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

使用jquery添加单选按钮

1 个答案: