We Keep Coding

Trying to get checkbox checked rows values from gridview using Javascript

I have gridview with checkbox as first column and I am trying to get the selected checkbox complete row values using Javascript function attached to check box mentioned below.
I tried with the different approach but got stuck in middle that is why I posted here again.
But some how I am not getting inside to the for loop and I am not sure where I am getting error in this code.
Javascript function:
function checkForVirtual(){
var GridView = document.getElementById('<%=gvPRCertInfo.ClientID %>');
if (GridView.rows.length > 0) {
alert('check');
for (Row = 1; Row < GridView.rows.length; Row++) {
alert("check 2 times");
if (GridView.rows[Row].cell[1].type == "checkbox") {
/// not getting into this
/// alert is not firing even if the checkbox is there
alert('inside');
if (GridView.rows[Row].cell[0].childNodes[0].checked) {
alert('checked');
var type = GridView.rows[Row].cell[3].childNodes[0].val();
alert(type);
}
}
}
}
}
This is my grid view:
<asp:GridView ID="gvPRCertInfo" runat="server" AutoGenerateColumns="False" GridLines="None"
OnRowDataBound="gvPRCertInfo_RowDataBound"
CssClass="data responsive">
<Columns>
<asp:TemplateField HeaderText="Select" SortExpression="">
<HeaderTemplate>
<asp:CheckBox ID="chkboxSelectAll" runat="server" AutoPostBack="true" OnCheckedChanged="chkboxSelectAll_CheckedChanged"/>
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="chkCert" AutoPostBack="true" OnCheckedChanged="chkCert_CheckedChanged" OnClick="Javascript:checkForVirtual();" runat="server" />
<input type="hidden" id="hdnCertId" runat="server" value='<%# DataBinder.Eval(Container.DataItem, "CertId") %>' />
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="CertificateID" HeaderText="Certificate ID" HeaderStyle-HorizontalAlign="Center" />
<asp:BoundField DataField="partID" HeaderText="Part Number" HeaderStyle-HorizontalAlign="Center" />
..............................
</Columns>
.........................
.......................
</asp:GridView>
Would any one please help on this one?

<HeaderTemplate>
<asp:CheckBox ID="chkboxSelectAll" AutoPostBack="true" OnCheckedChanged="chkboxSelectAll_CheckedChanged" runat="server" Text="All" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="chkCert" runat="server" Font-Size="XX-Small" />
</ItemTemplate>
</asp:TemplateField>
in cs file
protected void chkboxSelectAll_CheckedChanged(object sender, EventArgs e)
{
CheckBox chckheader = (CheckBox)gvPRCertInfo.HeaderRow.FindControl("chkboxSelectAll");
foreach (GridViewRow row in gvPRCertInfo.Rows)
{
CheckBox CheckBoxchckrw = (CheckBox)row.FindControl("chkCert");
if (chckheader.Checked == true)
{
CheckBoxchckrw.Checked = true;
}
else
{
CheckBoxchckrw.Checked = false;
}
}
}
get details on button click
protected void button_Click(object sender, EventArgs e)
{
try
{
int cnt = 0;
DataTable dt = new DataTable();
dt.Columns.Add("Certificate ID");
dt.Columns.Add("Part Number");
dt.Columns.Add("Part Description");
foreach (GridViewRow row in gvPRCertInfo.Rows)
{
if ((row.Cells[0].FindControl("chkCert") as CheckBox).Checked)
{
DataRow dr = dt.NewRow();
dr["Certificate ID"] = row.Cells[1].Text;
dr["Part Number"] = row.Cells[2].Text;
dr["Part Description"] = row.Cells[3].Text;
dt.Rows.Add(dr);
cnt++;
}
}
if (cnt <= 0)
{
DataRow dr = dt.NewRow();
dr["Certificate ID"] = gvPRCertInfo.SelectedRow.Cells[1].Text;
dr["Part Number"] = gvPRCertInfo.SelectedRow.Cells[2].Text;
dr["Part Description"] = gvPRCertInfo.SelectedRow.Cells[3].Text;
dt.Rows.Add(dr);
}
Session["Details"] = dt;
Response.Redirect("url");
}
catch (Exception ex)
{
}
}
your question is possibly copy of https://stackoverflow.com/a/47478969/8905879

ASP.NET Gridview how to Access Checkbox on field

I have an ASP.NET Web Forms page and I have a field where I load some data from a SQL Server Database.
I also add a Checkbox control to the field this way:
if (!e.Row.Cells[8].Text.Equals("---"))
{
CheckBox chkbox = new CheckBox();
chkbox.ID = "SelectedTel8_" + e.Row.Cells[1].Text;
chkbox.Text = e.Row.Cells[8].Text;
e.Row.Cells[8].Controls.Add(chkbox);
chkbox.Attributes.Add("OnClick", "javascript:selectCheckBox(this);");
chkbox = null;
}
if (!e.Row.Cells[9].Text.Equals("---"))
{
CheckBox chkbox = new CheckBox();
chkbox.ID = "SelectedTel9_" + e.Row.Cells[1].Text;
chkbox.Text = e.Row.Cells[9].Text;
e.Row.Cells[9].Controls.Add(chkbox);
chkbox.Attributes.Add("OnClick", "javascript:selectCheckBox(this);");
chkbox = null;
}
if (!e.Row.Cells[10].Text.Equals("---"))
{
CheckBox chkbox = new CheckBox();
chkbox.ID = "SelectedTel10_" + e.Row.Cells[1].Text;
chkbox.Text = e.Row.Cells[10].Text;
e.Row.Cells[10].Controls.Add(chkbox);
chkbox.Attributes.Add("OnClick", "javascript:selectCheckBox(this);");
chkbox = null;
}
On this page, I also create a button row:
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:Button ID="ButtonSendSMS" runat="server" Text="EnviarSms" CommandName="EnviarSms1" OnClientClick="javascript:SendSmsTel(this);" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
It calls a javascript function called "SendSmsTel".
What I need to do is:
Whenever the user clicks the button, I need to retrieve the information from the other fields on that row to use it in other operations.
the problem is that I cant find a way to access that elements of that row. When I have controls on a given row, I ID'ed them and then I Could use
window.document.getElementById()
But what about data fields without controls?
[link]I tried a lot of things but none work. Don't know what I have been doing wrong:
[link]How to access gridview cell value with javascript
[link]How to get Column Value for a given Row within GridView using javascript in asp.net?
[link]Why is Container.DataItem being passed as a string literal?
How do I access the content of the row where the button was clicked?
If you could, teach me in C# and JavaScript.
Thanks.

In C# :
- you can fire a OnClick Event, for example
<asp:TemplateField HeaderText="Product>
<ItemTemplate>
<asp:LinkButton ID="lb_filter" ToolTip="Product" runat="server" CommandArgument='<%#Eval("ProductID") %>'
OnClick="lb_filter_Click"><img src="resources/images/search_button.png" style="width:22px;" /></asp:LinkButton>
</ItemTemplate>
<HeaderStyle HorizontalAlign="center" Width="70px" />
<ItemStyle HorizontalAlign="center" Width="70px" />
</asp:TemplateField>
In code :
protected void lb_filter_Click(object sender, EventArgs e)
{
var linkbuntton = (LinkButton)sender;
if (linkbuntton != null)
{
int ProductId =int.Parse(linkbuntton.CommandArgument);
var objProduct = _entities.Products.Where(o => o.ProductID == ProductId).FirstOrDefault();
//TODO : so now you have got content of that row
}
}
or you can foreach in gridview, for example with checkbox :
foreach (GridViewRow row in gvAwards.Rows)
{
var cb = (CheckBox)row.FindControl("cbCheck");
if (cb.Checked)
{
int _ID = int.Parse(gvAwards.DataKeys[row.RowIndex].Value.ToString());
var item = _entities.Awards.Where(c => c.AwardsID == _ID).FirstOrDefault();
//TODO: so now, you can get contents of that row
}
}
In code Javascript :
you can add unique class for each control in a row with prefix/surfix is keyId
for example :
<asp:TemplateField HeaderText="add">
<ItemTemplate>
<a href="#" class="href_<%# Eval("BannerLocationID") %>" onclick="ShowinsertlistForm('<%# Eval("BannerLocationID") %>')" >
<img src="resources/images/add.png" style="width:22px;" /></a>
</ItemTemplate>
<HeaderStyle HorizontalAlign="center" Width="60px" />
<ItemStyle HorizontalAlign="center" Width="60px" />
</asp:TemplateField>
in javascript code :
you can easy get element by css class
function ShowinsertlistForm(Id)
{
var href = document.getElementsByClassName('href_'+Id);
var checkbox = document.getElementsByClassName('checkbox_'+Id);
//TODO : some thing like that
}

GridView Set ComboBox value Client side

I have a GridView with the following columns.
Parent ID - Bound Column
Child ID - Bound Column
Desc - Bound Column
Status as ComboBox with Values of YES, NO
Parent ID has Child IDs. If i Select Parent ID combobox as YES then all child values should be populated as YES.
I want to do it on Client side using Java Script. Can you please guide me.
<asp:datagrid id="dgImpact" runat="server" Width="78%" CellSpacing="0" AlternatingItemStyle-Height="20px"
AutoGenerateColumns="False" BorderColor="#3A6EA5" ItemStyle-ForeColor="blue"
CellPadding="0" BorderWidth="0px">
<AlternatingItemStyle Height="20px" BackColor="#EEF5FB"></AlternatingItemStyle>
<ItemStyle Height="20px" ForeColor="DarkBlue" BackColor="#DCEDF9"></ItemStyle>
<HeaderStyle Font-Names="Estrangelo Edessa" Font-Bold="True" Wrap="False" ForeColor="White" BorderColor="#336491"
BackColor="#336491"></HeaderStyle>
<Columns>
<asp:ButtonColumn>
<ItemStyle Width="20px"></ItemStyle>
</asp:ButtonColumn>
<asp:ButtonColumn>
<ItemStyle Width="20px"></ItemStyle>
</asp:ButtonColumn>
<asp:ButtonColumn>
<ItemStyle Width="20px"></ItemStyle>
</asp:ButtonColumn>
<asp:BoundColumn Visible="False" DataField="QuestionID" ReadOnly="True">
<HeaderStyle HorizontalAlign="Left"></HeaderStyle>
<ItemStyle Wrap="False" HorizontalAlign="Left"></ItemStyle>
</asp:BoundColumn>
<asp:TemplateColumn HeaderText="Questions">
<HeaderStyle HorizontalAlign="Left"></HeaderStyle>
<ItemStyle Width="320px"></ItemStyle>
<ItemTemplate>
<asp:Label runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.QuestionDesc") %>' ID="Label1">
</asp:Label>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="Status">
<HeaderStyle HorizontalAlign="Center"></HeaderStyle>
<ItemStyle Wrap="False" HorizontalAlign="Center"></ItemStyle>
<ItemTemplate>
<asp:dropdownlist CssClass="ComboStyle" Visible="True" Runat="server" ID="cmbAnswers" Width="72px" SelectedValue='<%# Bind("Status") %>'
DataSource='<%# (new string[] { "--Select--","Yes", "No", "NA","Unknown" }) %>'></asp:dropdownlist>
</ItemTemplate>
</asp:TemplateColumn>
</Columns>
</asp:datagrid>
.CS
protected void Page_Load(object sender, EventArgs e)
{
DataSet dstQuesData = getRiskDisciplineQuestionAnswer();
dgImpact.DataSource = dstQuesData;
dgImpact.DataBind();
DataTable dtFinalTable = dstQuesData.Tables[0];
for (int intRowCount = 0; intRowCount <= dgImpact.Items.Count - 1; intRowCount++)
{
long a = Convert.ToInt64(dtFinalTable.Rows[intRowCount][9]);
/// 'If the Question Display is root
if (a.ToString().Length == 3)
{
((DataGridItem)dgImpact.Items[intRowCount]).Cells[4].ColumnSpan = 4;
dgImpact.Items[intRowCount].Cells[0].Visible = false;
dgImpact.Items[intRowCount].Cells[1].Visible = false;
dgImpact.Items[intRowCount].Cells[2].Visible = false;
//If the Question Displayed is at Level 1
}
else if (a.ToString().Length == 6 )
{
((DataGridItem)dgImpact.Items[intRowCount]).Cells[4].ColumnSpan = 3;
dgImpact.Items[intRowCount].Cells[0].Visible = true ;
dgImpact.Items[intRowCount].Cells[1].Visible = false;
dgImpact.Items[intRowCount].Cells[2].Visible = false;
//If the Question Displayed is at Level 2
}
else if (a.ToString().Length == 9)
{
((DataGridItem)dgImpact.Items[intRowCount]).Cells[4].ColumnSpan = 2;
dgImpact.Items[intRowCount].Cells[0].Visible = true;
dgImpact.Items[intRowCount].Cells[1].Visible = true;
dgImpact.Items[intRowCount].Cells[2].Visible = false;
}
else if (a.ToString().Length == 12)
{
((DataGridItem)dgImpact.Items[intRowCount]).Cells[4].ColumnSpan = 1;
dgImpact.Items[intRowCount].Cells[0].Visible = true;
dgImpact.Items[intRowCount].Cells[1].Visible = true;
dgImpact.Items[intRowCount].Cells[2].Visible = true;
}
}
}
public DataSet getRiskDisciplineQuestionAnswer()
{
DataSet riskQuestionAnswerData = new DataSet();
sqlConnection = new SqlConnection(connStr);
sqlCommand = new SqlCommand("usp_testRDD1", sqlConnection);
sqlCommand.CommandType = CommandType.StoredProcedure;
sqlDataAdapter = new SqlDataAdapter(sqlCommand);
try
{
sqlDataAdapter.Fill(riskQuestionAnswerData);
}
catch
{
throw;
}
return riskQuestionAnswerData;
}

Couldn't find a proper solution for you problem.
Please take a look at this Link. i hope this will help.

getElementByID for templateField TextBox

i have used RowDataBound for gridview. Below is my C# code
protected void gvParameterValue_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
Label lblLocID = (Label)e.Row.FindControl("lblLocationID");
if(condition)
{
TextBox txtBox = (TextBox)e.Row.FindControl("txtValue");
txtBox.Attributes.Add("onchange", "ValueOnChange();");
}
}
}
Asp.Net code for gridview
<asp:UpdatePanel ID="updatePanel" runat="server">
<Triggers>
<asp:AsyncPostBackTrigger ControlID="btnSave" EventName="Click" />
</Triggers>
<ContentTemplate>
<asp:GridView ID="gvParameterValue" SkinID="GridView" runat="server" OnRowDataBound ="gvParameterValue_RowDataBound" AutoGenerateColumns="False">
<Columns>
<asp:TemplateField HeaderText="Location Name">
<asp:TemplateField HeaderText="Parameter Value">
<ItemTemplate>
<asp:TextBox ID="txtValue" SkinID="fineLineTextBox" TabIndex="1" runat="server" AutoPostBack="false"></asp:TextBox>
<%--<asp:TextBox ID="TextBox1" SkinID="fineLineTextBox" TabIndex="1" runat="server" OnTextChanged="textBox1_textChanged" AutoPostBack="true"></asp:TextBox>--%>
<asp:Label ID="lblPreDayVal" runat="server" Text='<%# Bind("PreviousValue") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</ContentTemplate >
</asp:UpdatePanel>
js function as below and i have a problem
function ValueOnChange()
{
var val = document.getElementById('lblPreDayValue').value;
}
It gives error "Microsoft JScript runtime error: Object required"
i have tried all possible solutions from net but nothing works...

You've called getElementById on the ID lblPreDayValue. In your ASP.NET markup you've called it lblPreDayVal.
You might also want to use ClientID to ensure you get the correct ID generated by .NET

You can pass the ClientID from the server-side during the binding step in the gvParameterValue_RowDataBound method like this :-
TextBox txtBox = (TextBox)e.Row.FindControl("txtValue");
Label lblVal = (Label)e.Row.FindControl("lblPreDayVal");
txtBox.Attributes.Add("onchange", "ValueOnChange('" + lblVal.ClientID + "');");
And then inside the ValueOnChange method definition, pass the argument as cid (lets say).
function ValueOnChange(cid)
{
var val = document.getElementById(cid).innerHTML;
}

Try passing values at the RowBound event of gridview , You are trying to access getElementbyId('lblLocID') is not going to work because it's id will be change when row renders .
if (e.Row.RowType == DataControlRowType.DataRow)
{
Label lblLocID = (Label)e.Row.FindControl("lblLocationID");
Label lblPreDayValue =(Label)e.Row.FindControl("lblPreDayValue");
if (lblLocID.Text.Equals("154") || lblLocID.Text.Equals("168") || lblLocID.Text.Equals("178"))
{
TextBox txtBox = (TextBox)e.Row.FindControl("txtValue");
txtBox.Attributes.Add("onchange", "ValueOnChange(" + lblPreDayValue.ClientID + ");");
}
}
After passing ClientID to function
//Or you can directly pass the value of label and assign .
function ValueOnChange(ClntID)
{
var val = document.getElementById('ClntID').innerHTML;
}

Try to use
function ValueOnChange()
{
var val = document.getElementById('#<%= lblPreDayVal.ClientID %>').innerHTML;
}
If the above din work then
function ValueOnChange()
{
var val = document.getElementById('lblPreDayVal').innerHTML;
}

Enable/disable text box placed in gridview on check event of check box with javascript

I have gridview which contains check box and textbox in different item template fields. Text boxes will be disbled when grid is loaded. Now what I want is, when user checks any of the check box, respected textbox in that particular row should be enabled. When user unchecks the checked checkbox, again the textbox should get clear and disable. Now when user clicks on the save button, a javascript should validate all the textbox whose respected checkboxes are checked.
Validation is
(1)Text boxes should not be empty
(2)It should allow only character and space(I want to enter name in that text box). How can I write java script to perform all this task. I am novice to javascript and completely unaware of its concept.
Thanks in advance

<script type="text/javascript">
var nameRegex = /^[a-zA-Z ]+$/;
function validateName(sender, args) {
args.IsValid = nameRegex.test(args.Value);
}
</script>
<asp:GridView runat="server" ID="GridView1" AutoGenerateColumns="false" DataKeyNames="Id" >
<Columns>
<asp:TemplateField >
<ItemTemplate>
<asp:CheckBox runat="server" AutoPostBack="true" OnCheckedChanged="SelectRow" />
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="Id" HeaderText="Id" />
<asp:TemplateField HeaderText="Name" >
<ItemTemplate>
<asp:TextBox runat="server" ID="NameTextBox" Enabled="false" Text='<%# Eval("Name") %>' />
<asp:CustomValidator runat="server" ID="NameValidator" ControlToValidate="NameTextBox"
ValidateEmptyText="true" Text="!" Display="Static" Enabled="false"
ClientValidationFunction="validateName" OnServerValidate="ValidateName" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
public partial class WebForm1 : System.Web.UI.Page
{
private static readonly Regex nameRegex = new Regex("^[a-zA-Z ]+$");
protected void ValidateName(object source, ServerValidateEventArgs args)
{
args.IsValid = nameRegex.IsMatch(args.Value);
}
protected void SelectRow(object sender, EventArgs e)
{
Page.Validate();
var checkBox = (CheckBox)sender;
if (Page.IsValid || !checkBox.Checked)
{
var textBox = (TextBox)checkBox.NamingContainer.FindControl("NameTextBox");
var nameValidator = (CustomValidator)checkBox.NamingContainer.FindControl("NameValidator");
textBox.Enabled = checkBox.Checked;
nameValidator.Enabled = checkBox.Checked;
if (!checkBox.Checked)
textBox.Text = "";
}
else
{
checkBox.Checked = false;
}
}
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
GridView1.DataSource = from item in Enumerable.Range(0, 10)
select new
{
Id = item,
Name = ""
};
GridView1.DataBind();
}
}
}