How to get checkbox status and data value [MVC]

Bryan Gomez

9y961

How to get the checkbox status and data value from my table in HTML? I want to get the @myJob.so_no.

Here's my view:

class="table table-striped table-hover table-condensed" id="myJobTable">
class="thead-dark">
"col">#
"col">
"col">Date
"col">SO No
"col">Serial
"col">Status
"col">Technician
@foreach (MyJobAllocation myJob in Model.MyJob)
{
@myJob.row
"checkbox" id="chk" />
@myJob.date
@myJob.so_no
@myJob.serial
@myJob.status
@myJob.technician
}

And for my script:

I'm trying to print a simple alert if my function is working. But it doesn't.

function asign_to() {
var table = document.getElementById("myJobTable");
var value_check = "";
for (var i = 0; i < table.rows.length; i++) {
if ($('#chk')[i].is(':checked')) {
alert('You clicked me!');
}
}
}

Got this error:

TypeError: $(...)[i].is is not a function

2 Replies

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

Ramesh Palanivel9y ago
Accepted answer
Hi Bryan,

Try this code,
<table class="table table-striped table-hover table-condensed" id="myJobTable">
                    <thead class="thead-dark">
                        <tr>
                            <th scope="col">#th>
                            <th scope="col">th>
                            <th scope="col">Dateth>
                            <th scope="col">SO Noth>
                            <th scope="col">Serialth>
                            <th scope="col">Statusth>
                            <th scope="col">Technicianth>
                        tr>
                    thead>
@{
var count=1;

foreach (MyJobAllocation myJob in Model.MyJob)
                    {
                        <tr>
                            <td>@myJob.rowtd>
                            <td>
                                <input type="checkbox" id="chk"+@count />

                            td>
                            <td>@myJob.datetd>
                            <td>@myJob.so_notd>
                            <td>@myJob.serialtd>
                            <td>@myJob.statustd>
                            <td>@myJob.techniciantd>
                        tr>
@count=@count+1;
                    }
}
                table>
In your javascript
function asign_to() {
    var table = document.getElementById("myJobTable");
    var value_check = "";
    for (var i = 0; i < table.rows.length; i++) {
        if ($('#chk'+i).is(':checked')) {
            alert('You clicked me!');
        }
    }
}
0
Bryan Gomez9y ago
Thank you Ramesh. I think there's a problem in this line. It doens't give the count.
"checkbox" id="chk" + @count />
For Razor mvc it should be
"checkbox" id="chk@(count)" />
0