Question

我有一个带有两个复选框的表单。

复选框A = $ 1500 复选框B = $ 1500

我想要做的是，当Checkbox A被“选中”时，我想显示$ 1500并添加到隐藏值中。取消选中时，减去1500美元。

当选中这两个复选框时，我希望彼此执行加法，这意味着我希望总共有一个值“$ 3000”，当删除一个时，相应地减去。

目前使用我的代码，我可以让它只用于一个复选框，这意味着，当选中复选框时，它将是1500美元，当它被删除后，它被减去。我不知道如何结合Checkbox A＆amp;复选框B.

请查看我的代码并帮助我。

HTML

<label>
    <input type="checkbox" name="Meeting" onClick="if (this.checked) { onCheck3() } else { onUncheck3() }" value="Pre-Meeting 1" id="Meeting" />
     Pre-Meeting 1
</label>
<label>
    <input type="checkbox" name="Meeting" onClick="if (this.checked) { onCheck4() } else { onUncheck4() }" value="Pre-Meeting 2" id="Meeting" />
     Pre-Meeting 2
</label>

<input type="text" name="PreMeetingAmount" readonly id="PreMeetingAmount" /><input type="hidden" name="PreMeetingAmounthidden" readonly id="PreMeetingAmounthidden" />

的Javascript

function onCheck3(){  
    t = document.form1.PreMeetingAmount.value;
    t2 = 0;

    if (t == 0) {
        document.form1.PreMeetingAmount.value = 1500;
    }
}
function onCheck4(){  
    t = document.form1.PreMeetingAmount.value;
    t2 = 0;

    if (t == 0) {
        document.form1.PreMeetingAmount.value = 1500;
    }
}

function onUncheck3(){  
    t = document.form1.PreMeetingAmount.value;
    t = t - 1500;

        if (t == 0)
            document.form1.PreMeetingAmount.value = document.form1.PreMeetingAmounthidden.value;
        else 
            document.form1.PreMeetingAmount.value = t;
}    

function onUncheck4(){  
    t = document.form1.PreMeetingAmount.value;
    t = t - 1500;

        if (t == 0)
            document.form1.PreMeetingAmount.value = document.form1.PreMeetingAmounthidden.value;
        else 
            document.form1.PreMeetingAmount.value = t;
}

Answer 1

您始终将值设置为1500.您需要添加1500而不是将其设置为1500.尝试更改onCheck3和onCheck4，类似于：

function onCheck3() {
    t = Number( document.form1.PreMeeting.value );
    document.form1.PreMeeting.value = t + 1500;
}

Javascript Checkbox onClick Addition

1 个答案: