javascript - 输入文本框更改时的 jQuery 运行代码

Question

以下代码在 #input-lines-percent 输入中运行良好，并正确更新值。 #input-curves-percent 确实运行了代码，因此更改似乎有效，但它根本没有更新文本框。

要了解我的意思，请在 Straight lines % 框中键入一些文本，然后查看两个文本框如何更新。但是，请在 Curves % 上尝试此操作，但没有更新。两者的代码几乎相同，所以我不确定是什么导致了这种差异。

$('#input-curves-percent').change(function(e){
    updatePercentGroupShape('curve');
});
$('#input-lines-percent').change(function(e){
    updatePercentGroupShape('line');
});
function updatePercentGroupShape(lastEdit){
    // Updates the percentage boxes for the shape type percents
    
    var curves = parseInt($('#input-curves-percent').val());
    var lines = parseInt($('#input-lines-percent').val());

    if(lastEdit.localeCompare('curve') == 0){
        
        if(curves < 0){
            curves == 0;
        }else if(curves > 100){
            curves = 100;
        }
        lines = 100 - curves;

    }
    if(lastEdit.localeCompare('line') == 0){
        
        if(lines < 0){
            lines == 0;
        }else if(lines > 100){
            lines = 100;
        }
        curves = 100 - lines;
    }
    $('#input-curves-percent').val(curves);
    $('#input-line-percent').val(lines);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
	<div>Curves %</div>
	<div><input type="text" id="input-curves-percent" value="0"></div>
</div>
<div>
	<div>Straight lines %</div>
	<div><input type="text" id="input-lines-percent" value="100"></div>
</div>

Answer 1

js最后一行有错别字，直接替换

    $('#input-line-percent').val(lines);
                 ^^^

与

    $('#input-lines-percent').val(lines);