已解決430363個問題，去搜搜看，總會有你想問的

范圍輸入控制兩個不同的字段

首頁猿問范圍輸入控制兩個不同的字段

范圍輸入控制兩個不同的字段

JavaScript

動漫人物 2022-12-02 16:48:40

我是編碼新手，我必須構建一個抵押貸款模擬器。為此，我有一個范圍字段，用戶可以在其中選擇第一個字段中顯示的年數。另一個有利率的領域。范圍是否也可以控制速率。我想以這種方式為用戶建議費率：2 至 9 年的利率為 0.75%從 10 到 11 是 0.90%12到14是1%15 到 19 是 1.1%20 到 24 是 1.3%25 到 29 是 1.65%30 是 2.18%但我也希望他們在不影響年數的情況下寫下他們的費率。到目前為止，我已經做到了：https://jsfiddle.net/f3sy8dh5/ <div class="loans-simulator"> <label for="duration">Loan duration</label> <input type="range" name="dureeInputName" id="dureeInputId" value="2" min="2" max="30" oninput="dureeOutputId.value = dureeInputId.value" onchange="updateTextInput(this.value);"> <input name="dureeOutputName" id="dureeOutputId" value="0"><br/> <label for="rates">Rate %</label> <input id="rates" value="0.0" step=".01" min="0.0"></div>

查看完整描述

1 回答

婷婷同學_

TA貢獻1844條經驗獲得超8個贊

如果您想在貸款期限字段的每次更改時更新利率字段，那么這里是如何做的

var ratesValue = document.querySelector("#rates");

document.querySelector("#dureeInputId").onchange = function() {

if(this.value >= 2 && this.value <= 9) {

ratesValue.value = 0.75;

}else if(this.value >= 10 && this.value <= 11) {

ratesValue.value = 0.9;

}else if(this.value >= 12 && this.value <= 14) {

ratesValue.value = 1;

}else if(this.value >= 15 && this.value <= 19) {

ratesValue.value = 1.1;

}else if(this.value >= 20 && this.value <= 24) {

ratesValue.value = 1.3;

}else if(this.value >= 25 && this.value <= 29) {

ratesValue.value = 1.65;

}else {

ratesValue.value = 2.18;

}

};

<label for="duration">Loan duration</label>

</div>

反對回復 2022-12-02

1 回答
0 關注
82 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

范圍輸入控制兩個不同的字段

范圍輸入控制兩個不同的字段

1 回答

添加回答