Javascript 如何更改输入类型=";“范围”=&燃气轮机;基于条件的步长值?
如何根据条件更改输入类型=“范围”=>步长值 就像我想要的:差别:200 250 350 450一直到1150 1200Javascript 如何更改输入类型=";“范围”=&燃气轮机;基于条件的步长值?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,如何根据条件更改输入类型=“范围”=>步长值 就像我想要的:差别:200 250 350 450一直到1150 1200 <input id="years" type="range" value="200" min="200" max="1200" /> 第一个值是200…然后它增加50…之后它增加100…(看起来像:250…350…1150…) 看看我尝试了什么…但没有得到正确的输出 $(函数(){ $(“#年”)。on('input change',function()
<input id="years" type="range" value="200" min="200" max="1200" />
第一个值是200…然后它增加50…之后它增加100…(看起来像:250…350…1150…)
看看我尝试了什么…但没有得到正确的输出
$(函数(){
$(“#年”)。on('input change',function(){
变量
元素=$(“#年”),
value=element.val(),
步
/*
制定你的规则
*/
如果(值这个答案应该正是你想要的:
(当然,你必须根据自己的需要调整价值观和步骤)这个答案可能正是你想要的:(当然,你必须根据自己的需要调整价值观和步骤)谢谢康纳姆,我找到了解决方案!再次感谢你!太好了,很高兴听到!:)我刚刚添加了我的评论作为答案,所以你可以将其标记为接受!
<html>
<head>
<script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
<script type="text/javascript">
$(function() {
$('#years').on('input change', function() {
var
element = $('#years'),
value = element.val(),
step;
/*
Map your rules
*/
if (value <=250) {
step = 50;
}
else {
step = 100;
}
element.attr('step', step);
$('#value').text(value);
$('#step').text(step);
});
});
</script>
</head>
<body>
<div>
Current value: <span id="value"></span>
</div>
<div>
Current step: <span id="step"></span>
</div>
<div style="width:500px">
<input id="years" type="range" value="200" min="200" max="1200" />
</div>
</body>
</html>
<input id="years" type="range" value="200" min="200" max="1200" />