How can i get checked row value ?

hello guys,

i have a datable checkbox, i wan on submit get the values of all checked rows, below is my code.

function populatetbl(data) {
tableName = $('#userTable').DataTable({
"data": data,
'columns': [
{
"render": function (data, type, row, meta) {
var checkbox = $("<input/>", {
"type": "checkbox"
});
if (row[2] === "enable") {
checkbox.attr("checked", "checked");
checkbox.addClass("checkbox_checked");
} else {
checkbox.removeAttr("checked");
checkbox.addClass("checkbox_unchecked");
}
return checkbox.prop("outerHTML")
}
},
{
"render": function (data, type, row, meta) {
return row[0];
}
},
{
"render": function (data, type, row, meta) {
return row[1];
}
}
],
order: []
});
}

and want to get value of second coloum(Menu) attached piture.

Hey check the below example. This may help you.

TestingWebForm.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestingWebForm.aspx.cs" Inherits="WebApp1.TestingWebForm" %>
"http://www.w3.org/1999/xhtml">
"server">
"text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
"text/javascript">
$(function () {
$("[id*=btnGet]").click(function () {
var message = "Id Country\n";
$("[id*=GridView] input[type=checkbox]:checked").each(function () {
var row = $(this).closest("tr")[0];
message += row.cells[1].innerHTML;
message += " " + row.cells[2].innerHTML;
message += "\n";
});
alert(message);
return false;
});
});
"text/javascript">
$(document).ready(function () {
function getAllEmpData() {
var checkedValues = $("input:checkbox:checked", "#maintable").map(function () {
return $(this).closest('tr').find('td:last').text();
}).get();
//alert(checkedValues.join(','));
return checkedValues;
}
$("#btnSubmit").click(function () {
var data = JSON.stringify(getAllEmpData());
alert(data);
});
});
"form1" runat="server">
"GridView1" runat="server" AutoGenerateColumns="false">
"chkRow" runat="server" />
"Id" HeaderText="Id" ItemStyle-Width="80" />
"Country" HeaderText="Country" ItemStyle-Width="120" />
"btnGet" Text="Get Selected" runat="server" />

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Amit Mohanty6y ago
Hey check the below example. This may help you.
TestingWebForm.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestingWebForm.aspx.cs" Inherits="WebApp1.TestingWebForm" %>


"http://www.w3.org/1999/xhtml">
"server">

    "text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
    "text/javascript">
        $(function () {
            $("[id*=btnGet]").click(function () {
                var message = "Id Country\n";
                $("[id*=GridView] input[type=checkbox]:checked").each(function () {
                    var row = $(this).closest("tr")[0];
                    message += row.cells[1].innerHTML;
                    message += "   " + row.cells[2].innerHTML;
                    message += "\n";
                });
                alert(message);
                return false;
            });
        });

    "text/javascript">
        $(document).ready(function () {
            function getAllEmpData() {
                var checkedValues = $("input:checkbox:checked", "#maintable").map(function () {
                    return $(this).closest('tr').find('td:last').text();
                }).get();
                //alert(checkedValues.join(','));
                return checkedValues;
            }
            $("#btnSubmit").click(function () {
                var data = JSON.stringify(getAllEmpData());
                alert(data);
            });
        });



    "form1" runat="server">


            "GridView1" runat="server" AutoGenerateColumns="false">



                            "chkRow" runat="server" />


                    "Id" HeaderText="Id" ItemStyle-Width="80" />
                    "Country" HeaderText="Country" ItemStyle-Width="120" />



            "btnGet" Text="Get Selected" runat="server" />
class="table" id="maintable">
checked
id
Name
"cb1" type="checkbox" name="checker1" value="1" />
1
Amit Mohanty
"cb2" type="checkbox" name="checker1" value="2" />
2
Asit Mohanty
"cb3" type="checkbox" name="checker1" value="3" />
3
Swarup Pradhan
"button" id="btnSubmit" class="btn btn-primary btn-md pull-right btn-sm">Submit