首页jquery 动态添加radio

jquery 动态添加radio

时间: 2023-07-30 16:10:32 浏览: 114

可以使用 jQuery 中的 `append()` 方法动态添加 `input` 元素，并设置它们的 `type` 属性为 `radio`。以下是一个示例： ```html <!DOCTYPE html> <html> <head> <title>动态添加 Radio</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <div id="radios-container">  </div> <button id="add-radio-btn">添加 Radio</button> <script> $(function() { $('#add-radio-btn').click(function() { // 创建一个新的 radio 元素 var newRadio = $('<input>'); newRadio.attr('type', 'radio'); // 随机生成一个 name 属性值 var name = 'radio-group-' + Math.floor(Math.random() * 1000); newRadio.attr('name', name); // 将新的 radio 添加到容器中 $('#radios-container').append(newRadio); }); }); </script> </body> </html> ``` 点击“添加 Radio”按钮可以动态添加新的 radio 元素。每个 radio 都有一个随机生成的 `name` 属性，以保证它们在同一组中互斥。

阅读全文