單擊復選框時如何禁用頁面重定向？

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專門圍繞復選框以外的所有內容。 像這樣：

<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();
});