两个输入框,一个最大值一个最小值,最小值不能超过最大值,最大值不能低于最小值
时间: 2024-01-21 18:48:59 浏览: 115
使用int 最大值,最小值,注意啦
代码示例:
HTML部分:
```html
<label>最小值:</label>
<input type="number" id="minValue">
<label>最大值:</label>
<input type="number" id="maxValue">
```
JavaScript部分:
```javascript
// 获取两个输入框的元素
var minValueInput = document.getElementById("minValue");
var maxValueInput = document.getElementById("maxValue");
// 设置最小值输入框的change事件
minValueInput.addEventListener("change", function() {
// 如果最小值大于最大值,就将最大值设为最小值
if (parseInt(minValueInput.value) > parseInt(maxValueInput.value)) {
maxValueInput.value = minValueInput.value;
}
});
// 设置最大值输入框的change事件
maxValueInput.addEventListener("change", function() {
// 如果最大值小于最小值,就将最小值设为最大值
if (parseInt(maxValueInput.value) < parseInt(minValueInput.value)) {
minValueInput.value = maxValueInput.value;
}
});
```
解释:首先获取两个输入框的元素,然后分别设置它们的change事件。当最小值输入框的值改变时,判断最小值是否大于最大值,如果是,则将最大值设为最小值;当最大值输入框的值改变时,判断最大值是否小于最小值,如果是,则将最小值设为最大值。这样就能保证最小值不会超过最大值,最大值也不会低于最小值。
阅读全文