基于文本值的 JQuery 检查/填充复选框答案

【问题标题】：JQuery check/fill checkbox based on text value基于文本值的 JQuery 检查/填充复选框
【发布时间】：2021-01-28 13:10:58
【问题描述】：

我有一个填写 HTML 表格的表格（表格 1）。单击表格上的一行时，会弹出一个模态窗体（窗体 2），表示该行中的信息。我知道如何用 html 表格行中的文本值填充表单 2，例如

$("#table").on('click', 'tr', function() {
    $("#form2textInput").val(($(this).find("#row_cell_value").text()));

但是，其中一个列值是“True”或“False”，由表单 1 中的复选框填充 - 因此，表单 2 具有相应的复选框输入。如何根据从相应 HTML 表格行接收到的文本值来检查表格 2 中的框？

表单 2 的复选框 HTML 输入

<input type="checkbox" id="form2checkboxInput" class="custom-control-input">

用于填充表单 2 的复选框值的表格 HTML 行单元格示例

<td id="checkboxvalue" data-toggle="modal" data-target="#modal"> True </td>

【问题讨论】：

标签： html jquery

【解决方案1】：

类似：

const columnValue = $(this).find("#checkboxvalue").text().trim();

$("#form2checkboxInput").prop("checked", columnValue === "True");

【讨论】：

感谢您的回复。尝试了这个并摆弄了一下，但似乎没有用
@Kaal：当这段代码（在这个答案中提到）运行时，复选框是存在于 DOM 中还是稍后添加到 DOM 中？
@AniruddhaShevle 复选框已经存在于 DOM 中
@Kaal：我明白了，这是因为在“True”文本之前和之后添加了空格。通过添加 trim() 方法将为您工作。 const columnValue = $(this).find("#checkboxvalue").text().trim()。然后$("#form2checkboxInput").prop("checked", columnValue === "True")
@AniruddhaShevle 是的，这行得通 - 非常感谢！我会支持你的评论并标记这个答案