Wie erstellt man einen Radio-Button dynamisch mit jQuery?

Question

Ich entwickle eine kleine Anwendung, in der ich 20 Optionsfelder in einer Reihe erstellen möchte.

Wie kann ich dies mit jQuery tun?

Answer 1

Sie müssen das Element finden, das Ihre Optionsschaltflächen enthalten soll und append() sie:

var container = $('#radio_container');
for (var i = 0; i < 20; i++) {
    container.append('<input type="radio" name="radio_group" value="' + i + '">');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="radio_container">Choose one: </div>

Sie suchen also nur einmal nach dem Container (im Gegensatz zu den anderen Antworten) und weisen jedem Radio einen Wert zu, mit dem Sie die Auswahl identifizieren können.

Answer 2

Angenommen, Sie haben ein div mit der ID=myDivContainer versuchen Sie dies:

for (i=0;i<=20;i++)
{
$("#myDivContainer").append('<input type="radio" />')
}

Answer 3

for (var i=0;i<=20;i++)
  {
  $("#yourcontainer").append("<input type='radio' name='myRadio' />");
  }