时间戳

首页 > 解决方案 > javascript使用col和row获取表格上的输入复选框

javascript - javascript使用col和row获取表格上的输入复选框

问题描述

我想在我的数据存在的地方制作散文，复选框将变为false，所以这是我尝试过的图像，并与控制台一起使用。 在此处输入图像描述

我试图让列和行使复选框像这里一样变为假。

    let tblModul = document.getElementById('myTable');
    console.log('col :' + col);
    console.log('row :' + row);
    const [intersections, difference, falsecheked] = datarelationships(theemployee, theEmpDatInTable, 'nik', 'NIK');
    appendTheTableEmployee(difference.length, tbody, difference)
    console.log(falsecheked);
    if(falsecheked == false){
        tblModul.rows[row].cells[col].checked = false;
    }

我的代码有问题吗？因为即使我得到了错误的值，复选框并没有取消选中

标签： javascript

解决方案

您正在使用tblModul.rows[row].cells[col].checked = false;which 将尝试设置checked = false，cell但您需要在其中执行input它cell。所以你可以使用 like tblModul.rows[row].cells[col].querySelector('input').checked = false;。

在下面试试。

let tblModul = document.getElementById('myTable');
// in your code use row & col variables I have statically used for testing.
tblModul.rows[0].cells[0].querySelector('input').checked = false;
tblModul.rows[1].cells[0].querySelector('input').checked = true;
<table id='myTable'>
  <tr>
    <td><input type='checkbox' checked></td>
  </tr>
  <tr>
    <td><input type='checkbox' checked></td>
  </tr>
</table>

推荐阅读