ASP.NETリストでのcheckbox一括操作

8670 ワード

<input type="checkbox" name="chkChild" id="<%#Eval("FID") %>" /> //    checkbox  <div class="pagination_1">

      <input id="ckAll" type="checkbox" name="chkA" /><label for="ckAll">  </label> //      checkbox

</div>



<a href="#" onclick="delChecked(<%=pageIndex %>)"><div class="button_2">  </div></a> //    

<input type="hidden" id="hdclicks" value="0" /> //   ,       

上はHTMLコード
 
JSコード:
  • 「すべて選択」をクリックしたcheckboxすべてのcheckboxが選択状態を表示します:
  •  //  
    
        $("input[name=chkA]").click(function () { $("input[name=chkChild]").attr("checked", $(this).attr("checked")); //      
    
            var flag = $(this).attr("checked");
         $(
    "input[name=chkA]").each(function () {// $(this).attr("checked", flag); }); });
  • 上のリストのcheckboxの一番下の「すべて選択」を選択して変更します:
  • //    
    
        $("input[name=chkChild]").click(function () { if (!$(this).attr("checked"))   //
    
                $("input[name=chkA]").each(function () { $(this).attr("checked", false); }); else//      
    
     { var flag = true; var $inputs = $("input[name=chkChild]"); for (var i = 0; i < $inputs.length; i++) { if (!$($inputs[i]).attr("checked")) { flag = false; break; } } $("input[name=chkA]").each(function () { $(this).attr("checked", flag); }); } });
  • 一括削除:
  • //    
    
    function delChecked(page) { var times = $("#hdclicks").val(); $("#hdclicks").val(times + 1); times = $("#hdclicks").val(); if (times > 1) //           !!! { alert("    ,     "); return false; } var msg = "  :       !!\r       ?"; var alertmsg = "         !"; var $inputs = $("input[name=chkChild]"); var keyId = ""; for (var i = 0; i < $inputs.length; i++) { if ($($inputs[i]).attr("checked")) { keyId = keyId + $($inputs[i]).attr("id") + ","; } } if (keyId.length > 0) { if (confirm(msg)) { keyId = keyId.substr(0, keyId.length - 1); var url = "FooterManage.aspx?opt=del&fid=" + keyId + "&page=" + page; window.location.href = url; return true; } else { $("#hdclicks").val(times - 1); return false; } } else { alert(alertmsg); } }