jQuery(document).ready(function () { jQuery('.custom-switch').click(function(){ var url = jQuery('.anchr').attr('href'); var src = jQuery('.anchr').attr('data-source'); var type = jQuery('.anchr').attr('data-target'); if(type == 'monthly'){ jQuery('.anchr').attr('href', src); jQuery('.anchr').attr('data-source', url); jQuery('.anchr').attr('data-target', 'yearly'); }else{ jQuery('.anchr').attr('href', src); jQuery('.anchr').attr('data-source', url); jQuery('.anchr').attr('data-target', 'monthly'); } });});<div class="switch"><span class="monthly">Billed Monthly</span> <div class="custom-switch" id="undefined"><input class="custom-switch" type="checkbox" id="custom-switch-0"><label for="custom-switch-0"></label></div> <span class="annually">Billed Annually (Save 10%) </span></div><ul><li class="plan__price"><a href="https://www.example.com/india/?amt=7499" data-source=https://www.example.com/india/?amt=6749" data-target="monthly" class="anchr btn btn-primary price-btn" target="_blank" rel="noopener"> Pay Now </a></li></ul>我使用了具有不同網(wǎng)址的兩個立即付款按鈕，切換后兩個按鈕都獲得相同的網(wǎng)址。需要不同的網(wǎng)址，如果我再次為第二個按鈕編寫相同的代碼，但效果不同，那么效果很好jQuery(document).ready(function () { jQuery('.custom-switch').click(function(){ var url = jQuery('.anchr').attr('href'); var src = jQuery('.anchr').attr('data-source'); var type = jQuery('.anchr').attr('data-target'); if(type == 'monthly'){ jQuery('.anchr').attr('href', src); jQuery('.anchr').attr('data-source', url); jQuery('.anchr').attr('data-target', 'yearly'); }else{ jQuery('.anchr').attr('href', src); jQuery('.anchr').attr('data-source', url); jQuery('.anchr').attr('data-target', 'monthly'); } });});
在切換時更改 url
慕妹3242003
2021-10-21 15:09:31
