jQueryを使用してラベル付きラジオを挿入

Question

私はJSクイズを作成しました。これは配列内のすべての選択肢を保持しています。答えの選択肢は、作成された<input type="radio" . . . . />要素に挿入されます。しかし、ラベルの中に入るのではなく、入力要素の中だけで選択肢が保持されます。

// Creates a list of the answer choices as radio inputs 
    function createRadios(index) { 
    var radioList = $('<ul>'); 
    var item; 
    var input = ''; 
    for (var i = 0; i < questions[index].choices.length; i++) { 
     item = $('<li>'); 
     input = '<input type="radio" name="answer" value=' + i + ' />'; 
     input += questions[index].choices[i]; 
     item.append(input); 
    radioList.append(item); 
    } 
    return radioList; 
    } 

：入力を作成するコードは、私はそれがここでは、この

のようになりたい

ます：ここでは、さらに私が話しているものを拡大することです

ご協力いただければ幸いです。

Answer 1

ラベルには、ベストプラクティスのためのラジオボタンが含まれている必要があります。これを試してみてください：これは役立つかもしれ

// Creates a list of the answer choices as radio inputs 
    function createRadios(index) { 
    var radioList = $('<ul>'); 
    for (var i = 0; i < questions[index].choices.length; i++) { 
     var item = $('<li>'); 
     var label = $('<label>'); 
     var input = $('<input>', {type: 'radio', name: 'answer', value: i}); 
     input.appendTo(label); 
     label.append(questions[index].choices[i]); 
     item.append(label); 
     radioList.append(item); 
    } 
    return radioList; 
    }