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

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

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

標(biāo)簽元素如下:

<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代碼如下:

平面設(shè)計(jì)培訓(xùn),網(wǎng)頁設(shè)計(jì)培訓(xùn),美工培訓(xùn),游戲開發(fā),動(dòng)畫培訓(xùn)

        		

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負(fù)責(zé)任的教育,學(xué)習(xí)改變命運(yùn),軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動(dòng)軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計(jì)培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式