欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery 選擇支付方式

傅智翔2年前9瀏覽0評論

隨著電子商務的興起,選擇支付方式已成為人們在網絡購物中的一個重要環節。在這里,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,我們可以方便地實現選擇支付方式的功能,提升用戶體驗。