MVC根據CheckBox的Value值選中對應的複選框及獲取選中的Value值


wKiom1ndOBjwnpd4AAAMkennUYc858.png-wh_50       

View視圖代碼

@using (Html.BeginForm("H", "Default1"))//Default1控制器    H是方法

    {

        //循環添加5個CheckBoxs

        for (int i = 0; i < 5; i++)
        {
        <input type="checkbox" id="@i" name="checko" value="@i"  /><span>@i</span>

        }
        <input type="submit" id="btn" value="提交" />
    }



控制器代碼

//int[] 數組類型可以自定義

//checko獲取勾選中的CheckBox的Value值以數組的形式

   public ActionResult H(int[] checko)
        {

            //定義一個ArrayList數組方便調試看

            ArrayList list = new ArrayList();

            foreach (var item in checko)
            {

                //可以自己寫Insert語句(添加數據)

                list.Add(item.ToString());//這樣寫方便調試看
            }
            return Content("");
        }


//模擬數據庫

   public ActionResult F()
        {

            //View界面的CheckBox的Value值是循環添加的0-4

            //在此處定義一個數組模擬查詢出來的數據  利用JQ的Ajax今天調用並根據Value值進行勾選

            ArrayList list = new ArrayList();
            list.Add("1");
            list.Add("3");
            list.Add("0");
            return Json(list);
        }



 $.ajax({
                type: "post",
                url: "/Default1/F",//控制器名/方法名
                async:false,//同步異步
                success: function (data) {
                    var json = data;
                    $.each(json, function (i, t) {

                        var s = json[i];//取出來的分別是1、3、0
                        $("input[Value="+s+"]").attr("checked", "checked");//根據value勾選
                    })
                }
            })

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章