javascript - Jquery中如何获取复选框的id

Question

我需要从每个选中的复选框中获取 ID。现在我能够得到很好的总和，但我似乎无法获得每个 ID。

<input name="pay" class="pay_me" id="4" type="checkbox" value="6.00" />
<input name="pay" class="pay_me" id="5" type="checkbox" value="9.00" />
<input name="pay" class="pay_me" id="6" type="checkbox" value="3.00" />
<input name="pay" class="pay_me" id="9" type="checkbox" value="23.00" />

查询

$(document).ready(function() {
    $('.pay_me').change(

    function() {
        var t_payme = 0;
        $('.pay_me:checked').each(function() {
            t_payme += parseFloat($(this).val());
        });
        t_payme = parseFloat(t_payme).toFixed(2);
        $('#to_payme').val(t_payme);
    });
});​

有了这个我可以把总和加到我的文本框中

<input name="to_payme" id="to_payme" type="text" value="0.00" />

我还需要在额外的文本框中检查 ID 号，例如 4|6|9

<input name="ids_to_update" id="ids_to_update" type="text" value="" />

Answer 1

您可以使用 this.id(或 $(this).prop("id"))获取元素 ID。使用数组存储 ID，如下所示:

$(document).ready(function() {
    $('.pay_me').change(function() {
        var t_payme = 0, checked = [];
        $('.pay_me:checked').each(function() {
            t_payme += parseFloat($(this).val());
            checked.push(this.id);
        });
        t_payme = t_payme.toFixed(2);
        $('#to_payme').val(t_payme);
        $('#ids_to_update').val(checked.join("|"));
    });
});​

演示: http://jsfiddle.net/rA5cv/