冉冉說
2019-03-15 16:19:42
JQ如何寫商城商品規格選擇?如圖,比如我選擇碼數,點擊選中后改變邊框顏色,再次點擊再恢復原來的.代碼就只能寫成這樣了,,目前能實現的功能就是點擊后可以打印出對應的 文本內容實在沒頭緒了...
3 回答

茅侃侃
TA貢獻1842條經驗 獲得超22個贊
一般用input type=radio + CSS來
如果用圖上jq寫的話 設置選中后高亮的class樣式例如active
$(".p>span").on("click",e=>{
var yard=$(e.target).text()
if($(e.target).hasClass('active')){
$(e.target).removeClass('active')
}else{
$(".p>span").removeClass('active')
$(e.target).addClass('active')
}
})

aluckdog
TA貢獻1847條經驗 獲得超7個贊
用jQuery的話,了解一下toggleClass吧(但是這樣會導致多個標簽同時被選中)。
所以可以這樣實現:
$('span').on('click', function () {
let $target = $(this)
let shouldBeAdd = !$target.hasClass('selected')
$('span').removeClass('selected')
shouldBeAdd && $target.addClass('selected')
})
P.S. 當然,這樣并不是性能最好的,因為每次都會遍歷那幾個尺碼標簽,但是已經足夠用了,233 *
添加回答
舉報
0/150
提交
取消