我有3个单选按钮
<div>
<input class="crm-form-radio" value type="radio" id="CIVICRM_QFID_is_recur_radio" name="is_recur_radio">
<label for="CIVICRM_QFID_is_recur_radio">Single</label>
</div>
<div>
<input class="crm-form-radio" value="month" type="radio" id="CIVICRM_QFID_month_is_recur_radio" name="is_recur_radio">
<label for="CIVICRM_QFID_month_is_recur_radio">Month</label>
</div>
<div>
<input class="payment_processor_gocardless crm-form-radio" value="5" type="radio" id="CIVICRM_QFID_5_payment_processor_id" name="payment_processor_id" >
<label for="CIVICRM_QFID_5_payment_processor_id">Payment</label>
</div>
我期望的结果是,当我选择“单次付款”时,应该禁用“付款”单选。
当我选择“每月”时,应启用“付款”单选
这是我尝试过的并且能够成功禁用支付单选,但是在选择“每月”时无法启用它。任何帮助,将不胜感激。谢谢
$('input[name=is_recur_radio][id=CIVICRM_QFID_is_recur_radio]').change(function(){
if ($("input[name=is_recur_radio]:checked").attr("id")=="CIVICRM_QFID_is_recur_radio") {
$('input[name=payment_processor_id][value=5]').prop("disabled", true);
}
});
$('input[name=is_recur_radio][value=month]').change(function(){
if ($("input[name=is_recur_radio]:checked").attr("value")=="CIVICRM_QFID_month_is_recur_radio") {
$('input[name=payment_processor_id][value=5]').prop("disabled", false);
}
});
由于两个无线电名称即:monthly and single
相同,因此您仅可以使用一个change
事件处理程序并根据情况更改值。
演示代码:
$('input[name=is_recur_radio]').change(function() {
//check for id and add or remove disabled
$("input[name=is_recur_radio]:checked").attr("id") == "CIVICRM_QFID_is_recur_radio" ? $('input[name=payment_processor_id][value=5]').prop("disabled", true) : $('input[name=payment_processor_id][value=5]').prop("disabled", false);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
<input class="crm-form-radio" value type="radio" id="CIVICRM_QFID_is_recur_radio" name="is_recur_radio">
<label for="CIVICRM_QFID_is_recur_radio">Single</label>
</div>
<div>
<input class="crm-form-radio" value="month" type="radio" id="CIVICRM_QFID_month_is_recur_radio" name="is_recur_radio">
<label for="CIVICRM_QFID_month_is_recur_radio">Month</label>
</div>
<div>
<input class="payment_processor_gocardless crm-form-radio" value="5" type="radio" id="CIVICRM_QFID_5_payment_processor_id" name="payment_processor_id">
<label for="CIVICRM_QFID_5_payment_processor_id">Payment</label>
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句