我有三個選擇,我專門使用複選框,銅牌,銀牌和金牌。當有人點擊其中一個複選框選項時,我希望select中的結果不同,這取決於if語句中的選項。然後,一旦該人選擇並選擇能夠將值發送給html。更改選項輸入與不同的複選框選項
現在,我只得到#top-bronze:checked
選項出現,無論我檢查哪個選項。但是,由於某些原因,這段代碼並未顯示。
有沒有人看到我需要做什麼才能獲得正確的選項來顯示基於檢查結果?
function tpYears() {
if ('#tp-bronze:checked') {
$("#tp-frequency").html("<option value=''disabled selected>Please choose option</option><option value='3'>3 years - 3 cards</option><option value='4'>2 years - 4 cards</option><option value='2'>5 years - 2 cards</option>");
} else if ('#tp-silver:checked') {
$("#tp-frequency").html("<option value=''disabled selected>Please choose option</option><option value='5'>3 years - 5 cards</option><option value='3'>5 years - 3 cards</option><option value='2'>7 years - 2 cards</option>");
} else if ('#tp-gold:checked') {
$("#tp-frequency").html("<option value=''disabled selected>Please choose option</option><option value='7'>3 years - 7 cards</option><option value='4'>5 years - 4 cards</option><option value='3'>7 years - 3 cards</option>");
}
var templates = $('#tp-frequency option:selected');
};
tpYears();
<label for="tp-bronze" class="package-check-toggle tp-package-push">Bronze
</label>
<input type="checkbox" class="tp-pack-check" id="tp-bronze" value="Bronze Touch Point Package">
<label for="tp-silver" class="package-check-toggle tp-package-push">Silver
</label>
<input type="checkbox" class="tp-pack-check" id="tp-silver" value="Silver Touch Point Package">
<label for="tp-gold" class="package-check-toggle tp-package-push">Gold
</label>
<input type="checkbox" class="tp-pack-check" id="tp-gold" value="Gold Touch Point Package">
你的if語句字符串沒有在$(包裝) – T0t3sMcG0t3s