jquery 动态添加radio
时间: 2023-10-25 09:07:33 浏览: 25
可以使用 jQuery 的 `append()` 方法来动态添加 `input` 元素。以下是一个示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>动态添加 Radio 按钮</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>
<button id="add-radio">添加 Radio</button>
<div id="radio-group">
<!-- 初始时没有 Radio 按钮 -->
</div>
<script>
$(document).ready(function() {
// 点击按钮时添加 Radio 按钮
$('#add-radio').click(function() {
$('#radio-group').append('<input type="radio" name="gender" value="male"> Male<br>');
$('#radio-group').append('<input type="radio" name="gender" value="female"> Female<br>');
});
});
</script>
</body>
</html>
```
上面的代码中,点击按钮 `#add-radio` 时,会向容器 `#radio-group` 中添加两个 Radio 按钮,分别为男性和女性。这两个 Radio 按钮的 `name` 属性设为 `gender`,表示它们属于同一组,用户只能选择其中一个。