可以通过以下步骤实现:
document.querySelectorAll()
方法选择所有复选框元素,或者通过给复选框元素添加相同的类名,然后使用document.getElementsByClassName()
方法选择具有该类名的元素。checked
属性来判断复选框是否被选中。Math.min()
函数和扩展运算符(...
)来获取数组中的最小值。下面是一个示例代码:
// 获取所有复选框元素
var checkboxes = document.querySelectorAll('input[type="checkbox"]');
// 创建空数组
var selectedValues = [];
// 遍历复选框元素
checkboxes.forEach(function(checkbox) {
// 检查复选框是否被选中
if (checkbox.checked) {
// 将选中的值添加到数组中
selectedValues.push(checkbox.value);
}
});
// 获取最小值
var minValue = Math.min(...selectedValues);
console.log('最小值为:', minValue);
这段代码首先通过document.querySelectorAll()
方法选择所有类型为复选框的元素,并将它们存储在checkboxes
变量中。然后,创建一个空数组selectedValues
来存储选中的复选框的值。
接下来,使用forEach()
方法遍历复选框元素的集合。在遍历过程中,使用checked
属性检查每个复选框是否被选中。如果复选框被选中,将其值添加到selectedValues
数组中。
最后,使用Math.min()
函数和扩展运算符(...
)来获取selectedValues
数组中的最小值,并将其存储在minValue
变量中。最小值将通过console.log()
方法打印到控制台上。
这是一个基本的实现方法,可以根据具体需求进行调整和优化。
领取专属 10元无门槛券
手把手带您无忧上云