隨著電子商務的興起,選擇支付方式已成為人們在網絡購物中的一個重要環節。在這里,jQuery為我們提供了很多方便實用的選擇支付方式技巧。
//選擇支付方式后的操作 $(document).ready(function(){ $('input[type="radio"][name="pay"]').on('change', function() { if ($(this).val() == 'card') { $('.card-info').show(); $('.bank-info').hide(); } else { $('.card-info').hide(); $('.bank-info').show(); } }); });
以上代碼會根據用戶選擇展示不同的支付信息,當用戶選擇“card”時,會展示信用卡支付信息,當用戶選擇“bank”時,會展示銀行卡支付信息。
//選擇支付方式時樣式的切換 $(document).ready(function(){ $('input[type="radio"][name="pay"]').on('change', function() { $('input[type="radio"][name="pay"]').each(function() { if ($(this).is(':checked')) { $(this).closest('.pay-item').addClass('active'); } else { $(this).closest('.pay-item').removeClass('active'); } }); }); });
以上代碼會根據用戶選擇來切換樣式,將所選項的樣式設置為“active”。
總之,通過使用jQuery,我們可以方便地實現選擇支付方式的功能,提升用戶體驗。