Question

changeI有两个数字输入，并希望根据第一个的变化来限制第二个的最大值或最小值。所以....

 <input id="input1" type="number" min="0" max="10" value="5" change="OnChangeNumeric()" >
 <input id="input2" type="number" min="0" max="10" value="1" >

 <script>

 function OnChangeNumeric() {

 //how to actually change the values is where i am stuck

 $('#input2').max = 5;
 }
 </script>

如何实际更改值是我被困的地方

感谢您的建议

Answer 1

$(function() {
    $('#input1').on('change',function() {
        var thisVal = this.value;
        /*calculate newMin, and newMax for #input2 according to your rules
          based on thisVal ........
        $('#input2').attr('min', newMin).attr('max', newMax);*/
        console.log( $('#input2')[0] );
    });
});

不需要内联JS：

<input id="input1" type="number" min="0" max="10" value="5"/>
<input id="input2" type="number" min="0" max="10" value="1"/>

JS FIDDLE DEMO

使用javascript更改html数字min和max

1 个答案: