Javascript 如何使用jQuery动态添加链接到复选框或输入标记中的值

我在这方面已经有相当一段时间了。我正在尝试创建一个表单，该表单使用jQuery进行动态计算

我想检查

prop（'checked'）

中输入标记中的复选框。我不认为这是一个问题，但对于我正在处理的表单，它们将复选框放置在屏幕之外，因为它们正在交换活动和非活动图像。我应该仍然能够检查输入标签中的

prop（'checked'）

，即使复选框不在屏幕上，对吗？如果是这样，出于某种原因，这是行不通的

所以我一直在努力工作。我创建了一个

.on（'click'，function（）{}）。这很有效。有点在取消选中复选框之前，该值不会显示在#total字段中。我的想法是，当我抓取
var giantSub=$（“#巨子标签”）时，click函数同时启动
因此，
if（giantSub.hasClass（'checked'）；
在我取消选中该框之前不会看到选中的类，该框随后将我的值放入
#total字段中。这是否正确

如果是这样，是否有办法在复选框被选中后检查类，然后再将其存储在变量中？这样变量就有了
。选中了
。我正在寻找通过我的If条件，该条件将在
#total
字段中添加值？或者有更简单的方法吗

以下是我的匿名函数：

$(function () {
    $('#giant-sub-label').on('click', function () {
        var giantSub = $('#giant-sub-label');
        var total = 0;
        if (giantSub.hasClass('checked')) {
            total += parseInt($(this).next().val());
        }
        $('#total-field').val('$' + total);
    });
});

HTML


3英尺
你的行为是因为。

当标签与某个控件（本例中为复选框）关联时，单击标签将触发单击事件，并且由于存在关联的控件，因此用户代理随后将在复选框上运行合成单击激活。

因此，您将在标签点击处理程序中获得复选框的点击前状态。

但是，您可以通过将处理程序附加到复选框而不是标签来获取点击后复选框状态。修改复选框状态后，这些事件将通过标签点击间接触发（即使您的复选框已隐藏）

 $(checkBoxSelector).on('click or change', function () {...do something

谢谢，老兄！这是一个老问题，我不记得我做了什么，但我不知怎么搞明白了。
 $(checkBoxSelector).on('click or change', function () {...do something