1. 程式人生 > >MVC根據CheckBox的Value值選中對應的復選框及獲取選中的Value值

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

mvc、checkbox、ajax


技術分享

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勾選
})
}
})

本文出自 “向大牛的方向前進” 博客,請務必保留此出處http://949770845.blog.51cto.com/10170051/1971295

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