我創建了一個簡單的計算器。我已使用 if-else 條件設定用戶輸入以使用單選按鈕顯示/隱藏輸入表單欄位。這是代碼：
Amount Saved For retirement : Yes <input type="radio" onclick="javascript:yesnoCheck();" name="yesno" id="yesCheck"> No <input type="radio" onclick="javascript:yesnoCheck();" name="yesno" id="noCheck">
<div id="ifYes" style="visibility:hidden">
<div class="i_container">
<div class="i_row">
<label id="saved_amount_label_id" for="saved_amount_input_id1">Saved Amount For Retirement (?)</label>
<span><input class="form-control" name="saved_amount_input_name1" id="saved_amount_input_id1" type="number" step="50000" value="0" min="0" max="10000000" oninput="showValSavedAmount(this.value)" /></span>
</div>
</div>
<div class="i_container">
<div class="i_row">
<label for="retirement_return_input_id1">Expected Return Percentage (%)</label>
<span><input class="form-control" name="retirement_return_input_name1" id="retirement_return_input_id1" type="number" value="12" min="5" max="30" step="0.5" oninput="showValRetirementReturn(this.value)" /></span>
</div>
</div>
</div>
Javascript：
function yesnoCheck() {
if (document.getElementById('yesCheck').checked) {
document.getElementById('ifYes').style.visibility = 'visible';
}
else document.getElementById('ifYes').style.visibility = 'hidden';
}
如果在設定為可見的欄位中給定一些輸入值后選擇了條件“否”，我需要將值設定回零，如果他們單擊“是”。
uj5u.com熱心網友回復：
將值設定為0其他條件
function showValRetirementReturn(){
}
function showValSavedAmount(){
}
function yesnoCheck() {
if (document.getElementById('yesCheck').checked) {
document.getElementById('ifYes').style.visibility = 'visible';
}
else {
document.getElementById('ifYes').style.visibility = 'hidden';
document.getElementById('saved_amount_input_id1').value ="0";
document.getElementById('retirement_return_input_id1').value ="0";
}
}Amount Saved For retirement : Yes <input type="radio" onclick="javascript:yesnoCheck();" name="yesno" id="yesCheck"> No <input type="radio" onclick="javascript:yesnoCheck();" name="yesno" id="noCheck">
<div id="ifYes" style="visibility:hidden">
<div class="i_container">
<div class="i_row">
<label id="saved_amount_label_id" for="saved_amount_input_id1">Saved Amount For Retirement (?)</label>
<span><input class="form-control" name="saved_amount_input_name1" id="saved_amount_input_id1" type="number" step="50000" value="0" min="0" max="10000000" oninput="showValSavedAmount(this.value)" /></span>
</div>
</div>
<div class="i_container">
<div class="i_row">
<label for="retirement_return_input_id1">Expected Return Percentage (%)</label>
<span><input class="form-control" name="retirement_return_input_name1" id="retirement_return_input_id1" type="number" value="12" min="5" max="30" step="0.5" oninput="showValRetirementReturn(this.value)" /></span>
</div>
</div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/316394.html
標籤：javascript if 语句
上一篇：IF陳述句和For