从表单上可变数量的选择元素中获取值,可以通过以下步骤实现:
以下是一个示例代码:
HTML代码:
<div id="container">
<input type="checkbox" class="choice" value="1">选项1
<input type="checkbox" class="choice" value="2">选项2
<input type="checkbox" class="choice" value="3">选项3
</div>
<button onclick="getSelectedValues()">获取选中值</button>
JavaScript代码:
function getSelectedValues() {
var container = document.getElementById("container");
var choices = container.getElementsByClassName("choice");
var selectedValues = [];
for (var i = 0; i < choices.length; i++) {
if (choices[i].checked) {
selectedValues.push(choices[i].value);
}
}
console.log(selectedValues);
}
这段代码中,首先通过getElementById方法获取到父容器container,然后使用getElementsByClassName方法获取到所有的选择元素,并存储在choices变量中。接着使用for循环遍历choices数组,判断每个选择元素是否被选中,如果选中则将其值添加到selectedValues数组中。最后,通过console.log输出selectedValues数组,即可获取到选中的值。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云