jQueryでのチェックボックスのチェック判定

下のような左端列にチェックボックスを持つテーブルに、選択行データの一括削除機能をjQueryで実装する。
テーブルと削除ボタンは、↓こんな感じで。

...
<table>
  <thead>
    <th> </th>
    <th>Id</th>
    <th>タイトル</th>
  </thead>
  <tbody>
    <tr class="detail-row">
      <td class="del-col"><input type="checkbox" class="del-check" /></td>
      <td class="id-col">1000</td>
      <td>タイトル1</td>
    </tr>
    <tr class="detail-row">
      <td class="del-col"><input type="checkbox" class="del-check" /></td>
      <td class="id-col">1001</td>
      <td>タイトル2</td>
    </tr>
    ...
  </tbody>
</table>
...
<input type="submit" id="del-button" value="削除" />

削除ボタン押下時処理
サブミットボタンでもclickイベントをバインドする。
falseを返すようにすれば処理を中断することができる。(ただしその場合はバブリングは発生せずにここでとまる。)
チェックボックスのチェック状態は、checked属性値(bool型)で判定する。 jQueryの:checkedや:checkboxではなぜかうまく動いてくれなかったので、素直にセレクタでチェックボックスを選択している。

$("#del-button").bind("click", function() {
  
  if (!window.confirm("削除しますか？"))
    return false;

  var ids = "";
  $(".del-check").each(function() {
    if ($(this).attr("checked")) {
        var r_idx = $("tr").index($(this).parent().parent().get(0));
        if (ids != "")
            ids += ",";
        ids += $("tr:eq(" + r_idx + ") .id-col").text();
    }
  });

  $("#Id").attr("value", ids);

  if (ids == "") {
    window.alert("削除対象が選択されていません。");
    return false;
  }

  return true;
});