更改a<；p>；使用jquery根据不断变化的值生成文本

每次从

中获取的值发生变化时，我都希望显示不同的文本

$(function($) {

            $(".knob").knob({
                change : function (value) {
                    console.log("change : " + value);
                },
                release : function (value) {
                    console.log(this.$.attr('value'));
                    console.log("release : " + value);
                    var x = value;
                    if( 1 <= x <= 20){
                        document.getElementById("PARAGRAPH").innerHTML = "From 1 to 20";}
                    if ( 21 <= x <= 41){
                        document.getElementById("PARAGRAPH").innerHTML = "From 21 to 41";}
                    if ( 41 <= x <= 61){
                        document.getElementById("PARAGRAPH").innerHTML = "From 41 to 61";}
                    if ( 61 <= x <= 81){
                        document.getElementById("PARAGRAPH").innerHTML = "From 61 to 81";}
                    if ( 81 <= x <= 100){
                        document.getElementById("PARAGRAPH").innerHTML = "From 81 to 100";}
                },
                cancel : function () {
                    console.log("cancel : ", this);
                },
                format : function (value) {
                    return value + '%';
                },})}

$（函数（$）{
$（“.knob”）.knob({
更改：功能（值）{
console.log（“更改：+值）；
},
释放：功能（值）{
log（this.$.attr（'value'））；
控制台日志（“释放：+值）；
var x=价值；
如果（1尝试此代码

$(function($) {

        $(".knob").knob({
            change : function (value) {
                console.log("change : " + value);
            },
            release : function (value) {
                console.log(this.$.attr('value'));
                console.log("release : " + value);
                var x = value;
                if( 1 <= x <= 20){
                    document.getElementById("PARAGRAPH").innerHTML = "From 1 to 20";}
                else if ( 21 <= x <= 41){
                    document.getElementById("PARAGRAPH").innerHTML = "From 21 to 41";}
                else if ( 41 <= x <= 61){
                    document.getElementById("PARAGRAPH").innerHTML = "From 41 to 61";}
                else if ( 61 <= x <= 81){
                    document.getElementById("PARAGRAPH").innerHTML = "From 61 to 81";}
                else if ( 81 <= x <= 100){
                    document.getElementById("PARAGRAPH").innerHTML = "From 81 to 100";}
            },
            cancel : function () {
                console.log("cancel : ", this);
            },
            format : function (value) {
                return value + '%';
            },})}

$（函数（$）{
$（“.knob”）.knob({
更改：功能（值）{
console.log（“更改：+值）；
},
释放：功能（值）{
log（this.$.attr（'value'））；
控制台日志（“释放：+值）；
var x=价值；
if（1您需要使用
&&
检查值是否在给定的间隔内

left <= val && val <= right

left您的if语句多次为true，因此最后一个仍然为true！而且，您的条件在逻辑上是错误的

使用
&&
进行多重比较！

将其更改为此否则，如果块：

if (x >= 1 && x <= 20) {
    document.getElementById("PARAGRAPH").innerHTML = "From 1 to 20";
} else if (x >= 21 && x <= 40) {
    document.getElementById("PARAGRAPH").innerHTML = "From 21 to 41";
} else if (x >= 41 && x <= 60) {
    document.getElementById("PARAGRAPH").innerHTML = "From 41 to 61";
} else if (x >= 61 && x <= 80) {
    document.getElementById("PARAGRAPH").innerHTML = "From 61 to 81";
} else if (x >= 81 && x <= 100) {
    document.getElementById("PARAGRAPH").innerHTML = "From 81 to 100";
}

如果（x>=1&&x=21&&x=41&&x=61&&x=81&&x您应该使用keyup而不是change并测试输入是否为整数（或浮点）。您还需要使用
&&
。下面是一个例子：

$（'#myIn'）。在（“keyup”，function（）上{
x=$（'#myIn'）.val（）；
//测试x是否为整数
如果（x==parseInt（x））{
if（1）值是一个从0到100的数字。如何将值分配给
值
？已尝试过，如果我这样做，则显示的文本总是“从1到20”“我希望每次输入值改变时，我的文本都会发生变化。”戴维托马斯：正确地看到代码，如果使用了多个时间，那么如果我使用嵌套，如果ELSNOO的问题实际上来自于他做比较的方式。
$('.knob').knob({
    release: function(val) {
        var mark = $.grep([0, 20, 40, 60, 80], function(mark){
            return mark + 1 <= val && val <= mark + 20;
        })[0]; //find left mark
        $('#PARAGRAPH').html('From ' + (mark + 1) + ' to ' + (mark + 20) );
    }
});

if (x >= 1 && x <= 20) {
    document.getElementById("PARAGRAPH").innerHTML = "From 1 to 20";
} else if (x >= 21 && x <= 40) {
    document.getElementById("PARAGRAPH").innerHTML = "From 21 to 41";
} else if (x >= 41 && x <= 60) {
    document.getElementById("PARAGRAPH").innerHTML = "From 41 to 61";
} else if (x >= 61 && x <= 80) {
    document.getElementById("PARAGRAPH").innerHTML = "From 61 to 81";
} else if (x >= 81 && x <= 100) {
    document.getElementById("PARAGRAPH").innerHTML = "From 81 to 100";
}

$('#myIn').on( "keyup", function(){
    x = $('#myIn').val();
    // test if x is an integer
    if (x == parseInt(x)){
        if (1 <= x && x <= 20) {
            $("#res").html("From 1 to 20");
        } else if (21 <= x && x <= 41) {
            $("#res").html("From 21 to 41");
        } else if (41 <= x && x <= 61) {
            $("#res").html("From 41 to 61");
        } else if (61 <= x && x <= 81) {
            $("#res").html("From 61 to 81");
        } else if (81 <= x && x <= 100) {
            $("#res").html("From 81 to 100");
        }else{
            $("#res").html("More than 100");
        }
    }else{
        $("#res").html("Error: not an integer");
    }
});