作者JYHuang (夏天到了，冷不起來了說)
看板Ajax
標題[JQuery] click物件的連動選取
時間Tue Jan 13 17:36:58 2009
HTML Element長這個樣子
<li class="photos">
<h3><input name="id[]" type="checkbox" value="0"/> Title </h3>
<image src=".." />
</li>
我現在用 $("li.photos").toggle(fn1.. , fn2..)
幫每個li掛上了事件，自動將區塊裡的checkbox選取和反選取
可是要是去點那個checkbox的話
會變成先觸發li.click ->checkbox選取 才進行 點checkbox->取消選取
變成沒有選取
我試過
加上$("li.photos :checkbox[name='id[]']").toggle(略)
和 $("li.photos :checkbox[name='id[]']").unbind(click)
或 $("li.photos :checkbox[name='id[]']").unbind(toggle)
也是沒有效果..
像這樣把一整個區塊加上 click(or toggle) event 觸發事件
有沒有辦法排除掉特定元件不讓他觸發呢？
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.104.202.62
1F：→ TonyQ:你既然幫li.click掛上event , 就直接把checkbox 擋掉event吧 01/13 17:49
2F：→ TonyQ:$("li.photos :checkbox").click(funtion(){return false;}) 01/13 17:49
3F：→ TonyQ:欸, 不對 , 這樣li.click 也不會被傳到...--;; 01/13 17:50
4F：→ TonyQ:你在checkbox的event裡面去call li.click 再return false; 01/13 17:51
5F：→ TonyQ:這應該是比較直覺的作法 , 其他的作法也可以再想想. 01/13 17:52