在網購時,支付是非常重要的一環。常見的支付方式有支付寶、微信支付、銀行卡支付等等。那么,如何使用jQuery選擇支付方式呢?
$(function(){ //獲取選擇支付方式的按鈕 var $payType = $('.pay-type'); //獲取支付方式的div var $payTypeList = $('.pay-type-list'); //點擊選擇支付方式的按鈕,顯示支付方式的div $payType.on('click', function(){ $payTypeList.toggle(); }); //當選擇支付方式時,修改按鈕上的文本為所選的支付方式 $payTypeList.on('click', 'li', function(){ var $this = $(this), text = $this.text(); $payType.text(text); $payTypeList.hide(); }); });
以上是一個簡單的示例代碼,首先獲取選擇支付方式的按鈕和支付方式的div,當點擊按鈕時,顯示或隱藏支付方式的div。當選擇一種支付方式時,將按鈕上的文本改為所選的支付方式。
上一篇jquery選擇器面試