JSFiddle - React, Tailwind, and code Playground

by Baranenko Nikolay

HTML

<table id="nodes_table">
    <thead>
        <tr><th></th><th>Row Text</th></tr>
    </thead>
    <tr>
        <td><input type="checkbox" id="CHECKBOX_1" onlick="select_checkbox();" onchange="select_checkbox();"/></td>
        <td>Test</td>
    </tr>
    <tr> 
        <td><input type="checkbox" id="CHECKBOX_2" onlick="select_checkbox();" onchange="select_checkbox"/></td>
        <td>Test 2</td>
    </tr>
    <tr>
        <td><input type="checkbox" id="CHECKBOX_3" onlick="select_checkbox();"/></td>
        <td>Test 3</td>
    </tr>
</table>
<div id="panel_log"/>

JavaScript

function select_checkbox(){
var list_id;
        [].forEach.call(document.getElementsByTagName("input"), function (elements_form) {
            if (([elements_form.getAttribute('id')].toString()).indexOf("CHECKBOX_")!=-1) {
                if (document.getElementById(elements_form.getAttribute('id')).checked) {
                alert(elements_form.getAttribute('id'));
                list_id.push(elements_form.getAttribute('id'));
           
                }
               }
              });
              document.getElementById("panel_log").innerHTML =list_id;
            }

 
//    checkboxes = document.getElementsByTagName("input"); 

//    for (var i = 0; i < checkboxes.length; i++) {
//        var checkbox = checkboxes[i];
//        checkbox.onclick = function() {
//            var currentRow = this.parentNode.parentNode;
//            var secondColumn = currentRow.getElementsByTagName("td")[1];
        
//            alert("My text is: " + secondColumn.textContent );
 //       };
 //  }