HTML: <table> <tr> <td> <input type="checkbox" name="checkedAll" id="checkedAll" onclick="clickCheckbox();" />全选/取消全选 </td> <td> 0 </td> </tr> @for (int i = 0; i < ViewBag.List.Count; i++) { <tr> <td> <input type="checkbox" name="@ViewBag.List[i].id" id="chkritb" onclick="clickCheckboxs(@ViewBag.List[i].id);" />@*value="@ViewBag.List[i].id"*@ </td> <td> @ViewBag.List[i].ids </td> </tr> } </table> JS: <script type="text/JavaScript"> var list =new Array(); function clickCheckbox() { //$("#checkedAll").click(function () { if ($("#checkedAll").attr("checked") == "checked") { // 全选 $("input[id=chkritb]").each(function () { $(this).attr("checked", true); list.push($(this).attr("name")); }); } else { // 取消全选 $("input[id=chkritb]").each(function () { $(this).attr("checked", false); list = new Array(); }); } } function clickCheckboxs(id) { if ($("input[name=" + id + "]").attr("checked") == "checked") { list.push(id); } else { for (var i = 0; i < list.length; i++) { if (id == list[i]) list.splice(i, 1); } } } </script> Content: public ActionResult Index() { List<Models> modelsList = new List<Models>(); Models mds = new Models(); mds.id = 1; mds.ids = "111111"; modelsList.Add(mds); mds = new Models(); mds.id = 2; mds.ids = "222222"; modelsList.Add(mds); mds = new Models(); mds.id = 3; mds.ids = "333333"; modelsList.Add(mds); mds = new Models(); mds.id = 4; mds.ids = "444444"; modelsList.Add(mds); ViewBag.List = modelsList; return View(); } public class Models { public int id { get; set; } public string ids { get; set; } } |
|