javascript - 复选框标签的总和值

Question

我有一些带有标签的复选框，如 1 some text 我想从选中的复选框的标签中获取数字并将它们添加在一起。我试图做类似下面的事情，但它没有给我任何东西。

var total = 0;

$('input:checked').each(function () {
    total += parseInt($("label[for='" + this.id + "']").text());
});

这是一个复选框示例

<label><input type="checkbox" id="enbapicks-1" name="ENBApicks[1]" value="1" checked> 1 Golden State</label>
<label><input type="checkbox" id="enbapicks-5" name="ENBApicks[5]" value="1" checked> 5 Memphis</label>

Answer 1

您的 label 没有 for 属性，这就是为什么 $("label[for='"+ this.id + "']") 返回空白，因此 .text() 返回空字符串。

您应该这样指定:

<input type="checkbox" id="enbapicks-1" name="ENBApicks[1]" value="1" checked>
<label for="enbapicks-1">1 Golden State</label>

如果您无法更改 HTML，您可以使用 parent() 方法从 input 获取 label:

<label><input type="checkbox" value="1" checked>1 Golden State</label>

$('input').parent().text() // "1 Golden State"

或者，您可以将数字设置为 input 的 value 属性，然后使用 val() 方法从 中获取它输入 元素。

<input type="checkbox" value="3">

$('input').val() // "3"

As long as you could, always specify for attribute for meaningful label elements.