如何在點擊複選框時禁用頁面重定向？

Question

我有這樣的代碼：

<div onClick="$(location).attr('href','updateUser.php?id=<?php echo $admin->id; ?>')" class="dbItem"> 
       <div class="dbItemCheckbox"> 
        <input name="se8" type="checkbox" value="<?php echo $admin->id; ?>" /> 
       </div> 
       <div class="dbItemMessageIconAdmin"><img src="images/admin.png" alt="" width="20" height="23" border="0" /></div> 
       <div class="dpItemName"><?php echo $admin->username; ?></div> 
       <div class="dpItemTitle"><?php echo $te; ?></div> 
       <div style="left: 110px" class="dpItemDate"><?php echo $admin->registerDate; ?></div> 
       <div class="dpItemDelete"><a href="editUsers.php?del=<?php echo $admin->id; ?>"><img src="images/delete.png" alt="" width="11" height="10" border="0" /></a></div> 
       </div> 

當在DIV用戶點擊，瀏覽器去更新頁面。

我面臨的問題是，當用戶單擊複選框檢查多重刪除時，這也將進入更新頁面。

當用戶只在複選框上單擊時，我可以禁用此功能。

Answer 1

防止在複選框上冒泡事件。嘗試是這樣的：

$(".dbItem INPUT[type='checkbox']").click(function(evt) { 
    evt.stopPropagation(); 
}); 

Answer 2

我可以看到這樣做是對的onclick移居到其他的div專門周圍的一切，但該複選框包裹最簡單的方法。像這樣：

<div class="dbItem"> 
    <div class="dbItemCheckbox"> 
    <input name="se8" type="checkbox" value="<?php echo $admin->id; ?>" /> 
    </div> 
    <div onClick="$(location).attr('href','updateUser.php?id=<?php echo $admin->id; ?>')" > 
    <div class="dbItemMessageIconAdmin"><img src="images/admin.png" alt="" width="20" height="23" border="0" /></div> 
    <div class="dpItemName"><?php echo $admin->username; ?></div> 
    <div class="dpItemTitle"><?php echo $te; ?></div> 
    <div style="left: 110px" class="dpItemDate"><?php echo $admin->registerDate; ?></div> 
    <div class="dpItemDelete"><a href="editUsers.php?del=<?php echo $admin->id; ?>"><img src="images/delete.png" alt="" width="11" height="10" border="0" /></a></div> 
    </div> 
</div> 

Answer 3

無論是在複選框的onclick屬性，腳本部分（或外部JavaScript文件）要包括複選框的onclick處理程序。

$('input[name="se8"]').click(function(e){ 
    e.stopPropagation(); 
});