[英]Javascript Checkbox onClick Addition
我有一個帶有兩個復選框的表格。
復選框A = 1500美元復選框B = 1500美元
我想做的是,當“復選框A”被“選中”時,我想顯示$ 1500並添加到隱藏值中。 未選中時,減去$ 1500。
當兩個復選框都選中時,我希望彼此進行加法運算,這意味着我希望總共有一個值“ $ 3000”,如果將其刪除,則要相應減去。
目前,使用我的代碼,我可以使它僅適用於一個復選框,這意味着,當選中該復選框時,它的價格為1500美元,而當一個復選框被取回時,將被減去。 我不知道如何結合復選框A和復選框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" />
Java腳本
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;
}
您始終將值設置為1500。您需要添加1500而不是將其設置為1500。請嘗試如下更改onCheck3和onCheck4:
function onCheck3() {
t = Number( document.form1.PreMeeting.value );
document.form1.PreMeeting.value = t + 1500;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.