Once click Check button, all checkbox in gridview will checked/unchecked but my code only check/uncheck the first row only. Below is my code:
//check all/unchecked all button
<a href='#' >@Html.Raw("<img src='/images/selectall.gif' title='Sel>ect All'/>")</a>
<a href='#' >@Html.Raw("<img src='/images/deselectall.gif' title='Unselect All'/>")</a>
//GridView
@{ var grid = new WebGrid(Model, canPage: true, rowsPerPage: 50, selectionFieldName: "selectedRow", ajaxUpdateContainerId: "gridContent"); grid.Pager(WebGridPagerModes.NextPrevious);
<div id="gridContent" class="articleHeader article_lst">
@grid.GetHtml(tableStyle: "webGrid",
headerStyle: "",
alternatingRowStyle: "alt",
selectedRowStyle: "select",
columns: grid.Columns(
grid.Column("", style: "col3", format: @<text><input id="chkSelected" class="display-mode" name="select" type="checkbox" value="@item.Value.AdditionalItemID" /></text>),
grid.Column("Item Name", style: "col2", format: @<text><span id="AdditionalItemName" class="display-mode">@item.AdditionalItemName</span> @Html.TextBox("AdditionalItemName-Edit", (string)item.AdditionalItemName, new { @class = "edit-mode" })</text>),
grid.Column("Description", style: "col2", format: @<text><span id="AdditionalItemDescription" class="display-mode">@item.AdditionalItemDescription</span> @Html.TextBox("AdditionalItemDescription-Edit",(string)item.AdditionalItemDescription, new { @class = "edit-mode" })</text>),
grid.Column("Is Active", style: "col3", format: @<text>@{bool isActive = Convert.ToBoolean(item.IsActive);<span id="IsActive" class="display-mode">@Convert.ToBoolean(item.IsActive)</span>@Html.CheckBox("IsActive-Edit", isActive, new { @class = "edit-mode" })}</text>),
grid.Column("", style: "col1", format: @<text><div style="padding-left:20px;">
<a href='#' class="btn_grid edit-item display-mode" id="@item.AdditionalItemID">@Html.Raw("<img src='/images/edit-icon.png' title='Edit'/>")</a>
<a href='#' class="btn_grid display-mode delete-item" id="@item.AdditionalItemID">@Html.Raw("<img src='/images/delete icon.png' title='Delete'/>")</a>
<a href='#' class="btn_grid save-item edit-mode" id="@item.AdditionalItemID">Save</a>
<a href='#' class="btn_grid cancel-item edit-mode" id="@item.AdditionalItemID">Cancel</a></div></text>)))
</div>
}
//JQuery
function check() {
document.getElementById("chkSelected").checked = true;
}
function uncheck() {
document.getElementById("chkSelected").checked = false;
}
I don't know where I miss out. Please help me to solve this problem.