gpt4 book ai didi

javascript - 在 JavaScript 的按钮单击事件上打印与 HTML 中的复选框关联的值

转载 作者:行者123 更新时间:2023-12-03 07:29:32 24 4
gpt4 key购买 nike

计划从 HTML 页面上的选择中获取特定的 ID 值(此处的选择表示选中的框)。这是我的按钮单击事件代码(按钮将获取行号或 id):

$("a", button).click(function () {
$('#groups').find('tr').each(function () {
var row = $(this);
if (row.find('input[type="checkbox"]').is(':checked')) {
console.log($(this));
}
});
});

这会返回有关 rows + tr 标记的附加信息,但是,我只想要它的 ID 部分。这是我从上面的代码中得到的示例输出:

[tr#row-12150.row.oddSelected, context: tr#row-12150.row.oddSelected]
[tr#row-12151.row.evenSelected, context: tr#row-12151.row.evenSelected]

这意味着我已从 #groups 表中选择了 12150 和 12151。如何只提取行号 12150 和 12151 而不是整个详细输出,我希望将其存储在数组/(JS 数组)中以表示多个行号。

最佳答案

您有按照 .find('tr') 的行,您应该可以去:

console.log($(this).attr('id')); //this should show the id in your console.

所以你的代码变成:

$("a", button).click(function () {
$('#groups').find('tr').each(function () {
var row = $(this);
if (row.find('input[type="checkbox"]').is(':checked')) {
console.log($(this).attr('id'));
}
});
});

然后获取您可以使用的号码:

var number = $(this).attr(id).split('-')[1] //assuming it's always row-<<some number>>

把它们放在一起:

 $("a", button).click(function () {
$('#groups').find('tr').each(function () {
var row = $(this);
if (row.find('input[type="checkbox"]').is(':checked')) {
var number = $(this).attr('id').split('-')[1] //assuming it's always row-<<some number>>;
console.log(number);
}
});
});

将其存储在数组中:

$("a", button).click(function () {
var checkedRows = []; //define empty array.
var count = 0; //keep a counter to use for the array.
$('#groups').find('tr').each(function () {
var row = $(this);
if (row.find('input[type="checkbox"]').is(':checked')) {
var number = $(this).attr('id').split('-')[1];
checkedRows[count] = number; //add the number to our array.
count++; //increase the count
}
});
});

关于javascript - 在 JavaScript 的按钮单击事件上打印与 HTML 中的复选框关联的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35856974/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com