unable to get checkbox value in controller

We are excited to announce that the ASP.NET Forums are moving to the new Microsoft Q&A experience. Learn more >

View Complete Thread

Shortcuts

Related Links

shijostephen

Member

40 Points

158 Posts

unable to get checkbox value in controller

Mar 11, 2020 08:01 AM|shijostephen|LINK

Hi,

I am unable to get checked value in chkRow checkbox, in controller from table in view,

my view code is as below..

@model IEnumerable<TASKS.Models.PurchaseEntryDTO1>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <style type="text/css">
        body {
            background: #FFF;
            font-family: Arial;
            font-size: 10pt;
        }

        .table {
            border: 1px solid #ccc;
            border-collapse: collapse;
        }

            .table th {
                background-color: #F7F7F7;
                color: #333;
                font-weight: bold;
            }

            .table th, .table td {
                padding: 5px;
                border: 1px solid #ccc;
            }
    </style>
</head>
<body>

@using (Html.BeginForm("Save", "PurchasedGoodsQC", FormMethod.Post))
{

    <input type="submit" value="Save">
    <table id="tblCustomers" class="table" cellpadding="0" cellspacing="0">
        <tr>
            <th style="width:100px"> chk</th>
            <th style="width:100px"> PurchaseNo</th>
            <th style="width:150px">InvoiceDate</th>
            <th style="width:150px">InvoiceNo</th>
            <th style="width:150px">VendorName</th>
        </tr>
        @foreach (TASKS.Models.PurchaseEntryDTO1 PE in Model)
        {
            <tr>
                <td class="chk">
                    <span>@PE.chk</span>
                    <input type="checkbox" name="chkRow" />
                </td>
                <td class="PurchaseNo">
                    <span>@PE.PurchaseNo</span>
                </td>
                <td class="InvoiceDate">
                    <span>@PE.InvoiceDate</span>
                </td>
                <td class="InvoiceNo">
                    <span>@PE.InvoiceNo</span>
                </td>
                <td class="VendorName">
                    <span>@PE.VendorName</span>
                    <input type="text" value="@PE.VendorName" style="display:none" />
                </td>
                <td>
                    <a class="Edit" href="javascript:;">Edit</a>
                    <a class="Update" href="javascript:;" style="display:none">Update</a>
                    <a class="Cancel" href="javascript:;" style="display:none">Cancel</a>
                </td>
            </tr>
        }
    </table>


}
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.cdnjs.com/ajax/libs/json2/20110223/json2.js"></script>
    <script type="text/javascript">
            $(function () {
                debugger;
                //Remove the dummy row if data present.
                if ($("#tblCustomers tr").length > 2) {
                    debugger;
                    $("#tblCustomers tr:eq(1)").remove();
                } else {
                    //var row = $("#tblCustomers tr:last-child");
                    //row.find(".Edit").hide();
                    //row.find(".Delete").hide();
                    //row.find("span").html('&nbsp;');
                }
            });



            //Edit event handler.
            $("body").on("click", "#tblCustomers .Edit", function () {
                var row = $(this).closest("tr");
                $("td", row).each(function () {
                    if ($(this).find("input").length > 0) {
                        $(this).find("input").show();
                        $(this).find("span").hide();
                    }
                });
                row.find(".Update").show();
                row.find(".Cancel").show();
                $(this).hide();
            });

            //Update event handler.
            $("body").on("click", "#tblCustomers .Update", function () {
                var row = $(this).closest("tr");
                $("td", row).each(function () {
                    if ($(this).find("input").length > 0) {
                        var span = $(this).find("span");
                        var input = $(this).find("input");
                        span.html(input.val());
                        span.show();
                        input.hide();
                    }
                });
                row.find(".Edit").show();
                row.find(".Cancel").hide();
                $(this).hide();

                var PE = {};
                //var chk = row.find(".PurchaseNo");
                //PEDetail.PurchaseNo = chk.val;
                debugger;
                PE.chk = row.children('td').eq(0).is(':checked');
                PE.PurchaseNo = row.find(".PurchaseNo").find("span").html();
                PE.InvoiceDate = row.find(".InvoiceDate").find("span").html();
                PE.InvoiceNo = row.find(".InvoiceNo").find("span").html();
                PE.VendorName = row.find(".VendorName").find("span").html();
                $.ajax({
                    type: "POST",
                    url: "/Home2/UpdatePEDetail",
                    data: '{PE:' + JSON.stringify(PE) + '}',
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (data) {
                        debugger;
                        window.location.href = data;
                    }
                });
            });

            //Cancel event handler.
            $("body").on("click", "#tblCustomers .Cancel", function () {
                var row = $(this).closest("tr");
                $("td", row).each(function () {
                    if ($(this).find("input").length > 0) {
                        var span = $(this).find("span");
                        var input = $(this).find("input");
                        input.val(span.html());
                        span.show();
                        input.hide();
                    }
                });
                row.find(".Edit").show();
                row.find(".Update").hide();
                $(this).hide();
            });


    </script>
</body>
</html>

controller is as below

        [HttpPost]
        public ActionResult UpdatePEDetail(PurchaseEntryDTO1 PE)
        {
            var listPEDetail = (List<PurchaseEntryDTO1>)Session["List"];
            listPEDetail.FirstOrDefault(x => x.PurchaseNo == PE.PurchaseNo).VendorName = PE.VendorName;
            Session["List"] = listPEDetail;
            return Json(Url.Action("MyReport", "Home2"));
        }

Model

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.ComponentModel.DataAnnotations;
using System.ComponentModel.DataAnnotations.Schema;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace TASKS.Models
{
    public class PurchaseEntryDTO1
    {
        public bool chk { get; set; }

        public long PurchaseNo { get; set; }

        public DateTime InvoiceDate { get; set; }

        public string InvoiceNo { get; set; }

        public string VendorName { get; set; }

    }

}

Thanks & Regards

Shijo