我有 4 個單選按鈕，我希望當我單擊一個（或將其設定為在開始時自動選擇）時，當我選擇時DeliveryYesSingle，它會自動選擇deliveryYesSingleBoard。但是這個功能不像在 If choose "if selected" 中那樣作業
查詢：
*
if(jQ('[id="DeliveryYesSingle"]').is(':checked')){
jQ('[id="deliveryYesSingleBoard"]').prop('checked', true);
};
if(jQ('[id="DeliveryNoSingle"]').is(':checked')){
jQ('[id="DeliveryNoSingleBoard"]').prop('checked', true);
};
HTML :
<div class="row gutters">
<div class="col col-2">
<div class="form-item form-checkboxes">
<input type="radio" id="DeliveryYesSingle" name="deliveryCredit" value="yes"/><label data-timtranslationlabel="" for="deliveryCredit_Yes" class="checkbox" >Delivery on credit</label>
</div>
</div>
<div class="col col-2">
<div class="form-item form-checkboxes">
<input type="radio" id="DeliveryNoSingle" name="deliveryCredit" value="no"/><label data-timtranslationlabel="" for="deliveryCredit_No" class="checkbox" >Advance payment to supplier</label>
</div>
</div>
</div>
<div class="section" id="DeliveryOnCreditBoard" >
<div class="row gutters">
<div class="col col-2">
<div class="form-item form-checkboxes">
<input type="radio" id="deliveryYesSingleBoard" name="deliverySingle" value="yes"/><label data-timtranslationlabel="" for="deliveryYesSingleBoard" class="checkbox" >Delivery on credit</label>
</div>
</div>
<div class="col col-2">
<div class="form-item form-checkboxes">
<input type="radio" id="DeliveryNoSingleBoard" name="deliverySingle" value="np"/><label data-timtranslationlabel="" for="DeliveryNoSingleBoard" class="checkbox" >Advance payment to supplier</label>
</div>
</div>
</div>
</div>
https://jsfiddle.net/Palucci92/w4djnhgb/3/
uj5u.com熱心網友回復：
這兩個if陳述句將在頁面加載后立即運行，并且只運行一次。if陳述句不應用于檢查用戶輸入，例如選擇單選按鈕。您需要在要檢查用戶輸入的兩個單選按鈕上注冊一個事件，例如：
jQ('[id="DeliveryYesSingle"]').on('change', () => {
});
在這種情況下，該change事件用于檢測單選按鈕何時被選中（請參閱https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event）。
在回呼函式塊內（花括號內），您可以執行.prop()呼叫以更改其他單選按鈕的屬性。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/534750.html
標籤：javascript查询