jquery - 复选框和文本字段 jQuery

Question

我在类 check 中有 5 个复选框(名为 cb1、cb2、cb3，...)，在类文本中有 5 个相应的文本字段(名为 tf1、tf2、tf3，...)。当选中一个或多个复选框时，我想对所有选中的复选框进行计数，并将总和放入单击按钮时对应的文本字段中。

示例:如果检查 cb1 和 cb3，则 tf1 和 tf3 的值为 2。

到目前为止，我正在计算选中的复选框总数，如下所示:

$(':button').click(function() {
    total= $('.check:checked');
    count=total.length;
});

但我不知道如何在相应的文本字段中获取“计数”。任何帮助表示赞赏!

附注我在不同的类中有不同的复选框和文本字段，因此按类引用它们很重要。

Answer 1

也许是这样的:

$(':button').click(function() {
    var total= $('.check:checked'),
        count=total.length;

    $('.text').val(function() {
       return $('#' + this.id.replace(/tf/,'cb')).is(':checked') ? count : 0;
    });
});

每个具有 text 类的元素都将更新为 count 或 0 值，具体取决于是否选中其相应的复选框。显然，如果您愿意，可以通过将 0 替换为 '' (空字符串)来清空与未选中的复选框对应的字段。

(有关将函数传递给 .val() method 的更多信息，请阅读 the doco 。)

请注意，您应该始终使用 var 声明变量，或者创建全局变量。

工作演示:http://jsfiddle.net/aBSNy/