如何使用JavaScript实现单选按钮选No时将对应表单输入值重置为0

你只需要修改现有的yesnoCheck函数，在选择NO的逻辑分支中补充重置输入框数值的代码即可，修改后的完整代码如下：

function yesnoCheck() {
    if (document.getElementById('yesCheck').checked) {
        document.getElementById('ifYes').style.visibility = 'visible';
    } else {
        document.getElementById('ifYes').style.visibility = 'hidden';
        // 重置退休储蓄金额为0
        document.getElementById('saved_amount_input_id1').value = 0;
        // 若有联动展示的数值，同步触发回调更新
        showValSavedAmount(0);
        // 重置预期收益率为默认值12%
        document.getElementById('retirement_return_input_id1').value = 12;
        // 若有联动展示的数值，同步触发回调更新
        showValRetirementReturn(12);
    }
}

补充说明 #

• 代码中调用showValSavedAmount和showValRetirementReturn是为了保证和输入框联动展示的页面数值同步更新，如果你的计算器没有对应的联动展示逻辑，可以删除这两行代码。
• 你当前使用visibility: hidden控制隐藏，隐藏后元素仍会占用页面原有位置，如果你希望隐藏时不占用空间，可以将visibility: hidden替换为display: none，对应的显示属性改为display: block即可。

内容的提问来源于stack exchange，提问作者Sathyaprakash Murugan