Javascript 如果勾选复选框，如何显示每个表行的div？

我正在试图找出最好的方法，使生成的每行的当前隐藏div仅在勾选框时显示（这些是第二方姓名、第二方姓氏和手机号码）

我所尝试的：

我最初尝试将它们拆分为单独的行，但我无法使其工作，因为尝试将复选框绑定到唯一的ID被证明是困难的，因为它们是自动生成的

我也试过了

if ($('input.checkboxAC').prop('checked')) {
          removeAttr( 'hidetopline' );

（hidetopline是div的名称，但我正在尝试单独解决这个问题，我想去掉显示样式：没有一个可以工作）

我使用的是：引导，jquery

滑动分页

函数displayResult（）
{
document.getElementById（“tableAc”）.insertRow（-1）.innerHTML='
第二方名字


第二方姓氏


；
}

HTML

COA表
产品类型
国家安全委员会
帐号
联合空调

第二方的名字


第二方的名字


第二方的名字

加账

当你说你尝试过：

if ($('input.checkboxAC').prop('checked')) {
    removeAttr( 'hidetopline' );

您可以尝试将其替换为：

if ($('input.checkboxAC').prop('checked')) {
    $('#hidetopline')attr( 'display', 'block' );
} else {
    $('#hidetopline')attr( 'display', 'none' );
}

---

当你说你试过了：

if ($('input.checkboxAC').prop('checked')) {
    removeAttr( 'hidetopline' );

您可以尝试将其替换为：

if ($('input.checkboxAC').prop('checked')) {
    $('#hidetopline')attr( 'display', 'block' );
} else {
    $('#hidetopline')attr( 'display', 'none' );
}

理想情况下，处理程序的绑定方式如下：

$("#tableAc").on("click", "input.checkboxAC", checkboxfunction);

我将函数绑定到容器，以避免为每个复选框绑定函数。这也适用于容器内以数字方式生成的复选框

理想情况下，处理程序的绑定方式如下：

$("#tableAc").on("click", "input.checkboxAC", checkboxfunction);

---

我将函数绑定到容器，以避免为每个复选框绑定函数。这也适用于容器内以数字方式生成的复选框

嗨，是的，如果我在那里有一个名为“hidetopline”的div，这可能会起作用。但是，当我生成额外的行时，我需要在每行旁边有一个勾选框，用于显示或隐藏该行中的字段。我想知道我是否使用jquery函数为每一行生成一个唯一的id，这会起作用吗？这肯定会起作用是的，只需为每个生成的行增加一个数字，然后循环遍历所有行，并为每个id+I执行该函数。嗨，是的，如果我有一个名为“hidetopline”的div，这会起作用但是，当我生成额外的行时，我需要在每一行旁边设置一个勾选框，用于显示或隐藏该行中的字段。我想知道我是否使用jquery函数为每一行生成一个唯一的id，这会起作用吗？这肯定会起作用的是，只需为每一行增加一个数字，然后循环遍历所有行，并为每一个id+I执行该函数。您好，为混淆道歉。我删除了复选框并重新制作了它，忘了叫它checkboxAC。我现在就编辑它，然后试一试你的解决方案。谢谢没问题，把checkbox类添加到你问题中的HTML代码段中，让其他用户都明白：）嗨，Daniel，我已经做了你建议的更改，但是我仍然遇到问题。当我选中该复选框时，div并没有按预期显示。我觉得我在做一些明显错误的事情，但我已经花了很长时间研究代码来找出答案。对不起，我不知怎么错过了你在处理程序中的角色。你不应该用我提供的解决方案更新你的问题。我知道这是出于好意（我以前也这么做过），但如果你这样做，当问题解决后，答案和问题看起来都一样，对任何人都没有帮助；）嗨，很抱歉给你带来困惑。我删除了复选框并重新制作了它，忘了叫它checkboxAC。我现在就编辑它，然后试一试你的解决方案。谢谢没问题，把checkbox类添加到你问题中的HTML代码段中，让其他用户都明白：）嗨，Daniel，我已经做了你建议的更改，但是我仍然遇到问题。当我选中该复选框时，div并没有按预期显示。我觉得我在做一些明显错误的事情，但我已经花了很长时间研究代码来找出答案。对不起，我不知怎么错过了你在处理程序中的角色。你不应该用我提供的解决方案更新你的问题。我知道这是出于好意（我以前也这么做过），但如果你这样做，当问题解决后，答案和问题看起来都一样，对任何人都没有帮助；）