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コード:
//
$("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); }); });
//
$("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); } }