以下為codepen網址
https://codepen.io/alanotmt/pen/PoRQpKB
是我東看西看集合在一起的小功能,
但目前遇到就是像 三列他們選項會被 $('li a').removeClass("active"); 全部刪掉,
大概知道原因是因為沒有指定class? 所以一刪就是li a元素裡的都刪掉,
但該如何刪掉只有單列的選項呢?
最後加購區多項選取是否針對a的class來進行?
想輸出以下畫面: 有[] 代表有選取
份量:
大 [中] 小
套餐:
[是] 否
加購區:
[雞排][清炒時菜]
最後在後台jquery能與javascript溝通嗎? 想把回傳的值遞給javascript
變相後台會收到 中/是/雞排,清炒時菜
// 這段代碼 修改下
$(document).ready(function(){
$('ul li a').click(function(){
$('ul li a',(this)).removeClass("active");
$(this).addClass("active");
});
});
// 修改後
$(document).ready(function(){
$('ul li a').click(function(){
// 判斷dom存在class 'active' 則 remove
if($(this).hasClass('active')){
$(this).removeClass("active");
}
// 否則 add 'active'
else {
$(this).addClass("active");
}
});
});
謝謝大神幫忙,不過對於(是/否)與(大/中/小) 的選擇 希望是能擇一,這些能覆選會怪怪的~
https://codepen.io/createwheel/pen/zYWRbpe
增加 class
radio\checkbox 區別
大概有看懂大神的寫法,以class區分可以單選/複選的地方,並作為開頭歷遍class底下所有li a再達到單選的效果,謝謝你
剩最後回傳值,大神有頭緒嗎?
抱歉了
昨日忙碌,今早看下,新思路,還是上面的鏈路地址。