最近在項目中有這樣一個需求,用戶在下單時可以選擇優(yōu)惠券,也可取消選擇,并且可以多次選擇,取消。

這是一個典型的input標簽checked功能,博主使用radio元素實現(xiàn)此需求,但是優(yōu)惠券只能選中,不能取消選中,多次操作始終為選中狀態(tài)。

網(wǎng)上搜索,看到很多帖子、博文,文中講述使用jquery的prop方法替換attr方法可解決元素多次選擇取消的問題,但是博主使用此方法并未解決問題,最后發(fā)現(xiàn)是點擊事件引起的問題。

標簽元素如下:

<input class="J_UseCouponSelect" type="radio" name="coupon_sn" id="{$coupon.coupon_sn}" value="{$coupon.coupon_sn}" price="{$coupon.coupon_value}"><label for="{$coupon.coupon_sn}" title="{$coupon.coupon_name}"></label>

js代碼如下:

平面設計培訓,網(wǎng)頁設計培訓,美工培訓,游戲開發(fā),動畫培訓

        		

網(wǎng)友評論