使用jQuery添加單選按鈕

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有一個div誰id爲radios：

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