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

时间:2016-05-10 19:05:48

标签: jquery checkbox

如果选中或取消选中某个复选框,我会尝试动态更改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是文本输入字段的ID我想将值更改为1或0. #input_7_55的默认值为1.

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

1 个答案:

答案 0 :(得分:0)

像这样使用.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" );
    });
});