首页a-select 多选

a-select 多选

时间: 2023-11-01 19:54:34 浏览: 112

你可以使用多种方式来实现多选功能。下面是一个使用 HTML 和 JavaScript 实现的简单示例： ```html <!DOCTYPE html> <html> <body> <h3>请选择你喜欢的活动：</h3> <form> <input type="checkbox" name="activity" value="游泳"> 游泳<br> <input type="checkbox" name="activity" value="跑步"> 跑步<br> <input type="checkbox" name="activity" value="骑车"> 骑车<br> <input type="checkbox" name="activity" value="瑜伽"> 瑜伽<br> <input type="checkbox" name="activity" value="篮球"> 篮球<br> </form> <button onclick="getSelectedActivities()">确定</button> <script> function getSelectedActivities() { var checkboxes = document.getElementsByName("activity"); var selectedActivities = []; for (var i = 0; i < checkboxes.length; i++) { if (checkboxes[i].checked) { selectedActivities.push(checkboxes[i].value); } } if (selectedActivities.length > 0) { alert("你选择了以下活动: " + selectedActivities.join(", ")); } else { alert("请至少选择一项活动！"); } } </script> </body> </html> ``` 这段代码创建了一个包含多个复选框的表单。当用户点击 "确定" 按钮时，会调用 `getSelectedActivities` 函数，该函数会检查哪些复选框被选中，并将选中的活动添加到一个数组中。最后，它会弹出一个包含所选活动的提示框。你可以根据自己的需求修改代码，并将其集成到你的项目中。希望这可以帮到你！如果有任何问题，请随时提问。

阅读全文