分享

jquery 操作checkbox全选反选(MVC)

 hep1 2016-05-03

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

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多