如何根据input标签输入的数字来改变meter中的颜色
发布网友
发布时间：2022-04-19 23:14
共1个回答
热心网友
时间：2022-04-20 00:43
<meter min="0" low="40" high="90" max="100" value="95"></meter>
当value值在min-low之间时：绿色
当value值在low-high之间时：*
当value值在high-max之间时：红色
为了实现根据input标签的值动态改变meter的颜色，就需要将input的value动态赋值给meter的value
如：
html部分
<meter min="0" low="40" high="90" max="100" value="95"></meter>
<input type="text" id="ipt1"/>
js部分：
$('#ipt1').change(function(){ // 当input输入完成后执行
$('meter').val($(this).val()); // 将input的value赋值给meter
});
