Javascript 如何仅在jquery中获取触发按钮复选框的值？ 第一类 项目1 项目2 拯救 第2类 项目1 项目2 拯救

该表是使用jquery动态创建的。因此，我想要的是，当我单击其中一个“保存”按钮时，我想要从仅包含该单击按钮的复选框中获取选中的数据，而不是从其他复选框中获取选中的数据。

我认为使用此选项，您可以找到复选框的值

$（'.save'）。在（'click'，function（）{
$（this.prev（）.find（“input[type='checkbox']）.prop（'checked'）；
})

我认为使用此选项可以找到复选框的值

$（'.save'）。在（'click'，function（）{
$（this.prev（）.find（“input[type='checkbox']）.prop（'checked'）；
})

您必须为复选框设置

checkid

或

checkclass

：

<tr>
    <td>Category 1</td>
    <td class="data">
        <ul>
            <li>
                <input name="items[]" type="checkbox" value="1"> Item 1
                <input name="items[]" type="checkbox" value="2"> Item 2
            </li>
        </ul>
    </td>
    <td>
        <button class="save">Save</button>
    </td>
</tr>

<tr>
    <td>Category 2</td>
    <td class="data">
        <ul>
            <li>
                <input name="items[]" type="checkbox" value="1"> Item 1
                <input name="items[]" type="checkbox" value="2"> Item 2
            </li>
        </ul>
    </td>
    <td>
        <button class="save">Save</button>
    </td>
</tr>

或

或

$（“#测试”）。单击（函数（）{
警报（“复选框状态（方法1）=”+$（“#测试”）.prop（'checked'）；
警报（“复选框状态（方法2）=”+$（“#测试”）.is（“：checked”）；
});

检查我：
您必须为复选框设置
checkid
或
checkclass
：

<tr>
    <td>Category 1</td>
    <td class="data">
        <ul>
            <li>
                <input name="items[]" type="checkbox" value="1"> Item 1
                <input name="items[]" type="checkbox" value="2"> Item 2
            </li>
        </ul>
    </td>
    <td>
        <button class="save">Save</button>
    </td>
</tr>

<tr>
    <td>Category 2</td>
    <td class="data">
        <ul>
            <li>
                <input name="items[]" type="checkbox" value="1"> Item 1
                <input name="items[]" type="checkbox" value="2"> Item 2
            </li>
        </ul>
    </td>
    <td>
        <button class="save">Save</button>
    </td>
</tr>

或

或


$（“#测试”）。单击（函数（）{
警报（“复选框状态（方法1）=”+$（“#测试”）.prop（'checked'）；
警报（“复选框状态（方法2）=”+$（“#测试”）.is（“：checked”）；
});

检查我：
使用

$("input[type='checkbox']").val();

使用

$("input[type='checkbox']").val();

试试看

$("input[type='checkbox']").val();

$(document).on("click", ".save", function () {
    $(this).closest("tr").find(".data [type=checkbox]:checked");
})

在文档位置，使用最接近的
.save
按钮的静态父项

试试看

在文档位置，使用最接近的
.save
按钮的静态父项

使用Jquery的每个函数获取与保存按钮对应的所有复选框，如下所示

$(document).on("click",".save",function(){
  var checkedValues = $(this).closest("tr").find(".data :checked").map(function(){
    return this.value;
  }).get(); //["1","2"] depends on user selection
});

使用Jquery的每个函数获取与保存按钮对应的所有复选框，如下所示

$(document).on("click",".save",function(){
  var checkedValues = $(this).closest("tr").find(".data :checked").map(function(){
    return this.value;
  }).get(); //["1","2"] depends on user selection
});

试试看，我正在使用此代码显示值，但您可以在中使用它进行保存……

试试看，我正在使用此代码显示值，但您可以在中使用它进行保存……

如果要获取数组中的选定值，请使用此静态父对象而不是文档如果要获取数组中的选定值，请使用此静态父对象而不是文档document@skonmai请接受这个答案并投票表决：）@skonmai请接受这个答案并投票表决：）