Click here to Skip to main content
15,792,608 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
I create a table dynamically. Each row's last cell is a checkbox (see the code below).
var chk = document.createElement('input');
     chk.setAttribute('type', 'checkbox');
     var cell = row.insertCell(-1);

Using the piece of code below:
this.dvTbl.on('click', 'tr', function() {
     var v = this.cells[1].innerHTML;
     var v2 = this.cells[2];  // a checkbox in this cell
     // add code here

When I click a checkbox, it checked on/off. How can I detect a checkbox's css? e.g. to detect it is on or off? Thanks.

What I have tried:

Can find some code for detecting a checkbox, but not the checkbox in a table's cell.
Updated 1-Jun-21 23:21pm

1 solution

If you're using vanilla Javascript you can select the first input element from the cell and check the checked state like so:

var v2 = this.cells[2];
var checkbox = v2.getElementsByTagName("input")[0];
var checked = checkbox.checked;

Alternatively you can just look at the children[^] property instead, though I find it better to be explicit when looking up elements.
Share this answer
s yu 2-Jun-21 7:34am    
PERFECT answer! Thanks a lot.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900