※ 引述《JYHuang (夏天到了,冷不起來了說)》之銘言:
: 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 觸發事件
: 有沒有辦法排除掉特定元件不讓他觸發呢?
你要做的事情是用 html 的 <label> 做,參考:
http://www.w3schools.com/tags/tag_label.asp
如果堅持要用 javascript 做,參考 ppk 寫的文章:
http://www.quirksmode.org/js/events_order.html
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.113.235.132