jquery 动态添加单选框

使用jQuery动态添加单选框非常简单。以下是一种常见的方法：

1.创建一个HTML元素，并设置其类型为"radio"。下面的代码将创建一个单选框元素并设置其值为"option1"：

var radioButton = $('<input type="radio" value="option1">');

2.可以通过链式调用jQuery的方法来添加其他属性和样式。例如，要将单选框添加到一个具有特定ID的容器中，并设置其名称为"myRadio"，可以使用以下代码：

var radioButton = $('<input type="radio" value="option1">')
                    .attr('name', 'myRadio')
                    .appendTo('#container');

3.要添加一个标签来描述选择项，可以创建一个`<label>`元素，并使用`for`属性将其与单选框关联起来。下面的代码将创建一个带有标签的单选框：

var radioButton = $('<input type="radio" value="option1">')
                    .attr('name', 'myRadio')
                    .appendTo('#container');

var label = $('<label>').text('选项1').attr('for', 'option1');
label.appendTo('#container');

以上代码将创建一个带有标签的单选框，并将其添加到具有ID为"container"的元素中。

有了这些代码，您可以根据需要使用循环等来动态添加更多的选项。

希望这可以帮助您使用jQuery动态添加单选框。