选中/取消选中复选框时使用 jQuery 更改文本输入字段值

Question

如果选中或未选中某个复选框，我正在尝试在 1 和 0 之间动态更改文本输入的值。

这是我的代码：

jQuery(function () {
    jQuery('#input_7_37_1').click(function() {
        if (jQuery(this).is(":checked")) {
            jQuery("#input_7_55").val( "0" );
        } else {
            jQuery("#input_7_55").val( "1" );
        }
    });
});

#input_7_37_1 是我感兴趣的复选框的 ID（选中或未选中）。#input_7_55 是我想要将值更改为 1 或 0 的文本输入字段的 ID。 #input_7_55 的默认值为 1。

当我检查#input_7_37_1 时，#input_7_55 的值仍为 1，而我试图将其更改为 0。

Answer 1

像这样使用 .prop()：

jQuery(function () {
    jQuery('#input_7_37_1').click(function() {
        if (jQuery(this).prop("checked")) {
            jQuery("#input_7_55").val( "0" );
        } else {
            jQuery("#input_7_55").val( "1" );
        }
    });
});

奖金重写：

$(function () {
    $('#input_7_37_1').click(function() {
        $("#input_7_55").val( $(this).prop("checked") ? "0" : "1" );
    });
});