jquery - 使用复选框允许自动填充

时间:2012-06-13 18:31:38

标签: jquery

我有一个弹出框,其中包含一个包含四个输入值和一个复选框的表单。我想要在选中复选框时,当在一个复选框中键入他的名字时,它会自动开始在每个其他输入中键入他的名字。我如何用jquery ajax实现这一目标?在任何地方都有例子吗?

2 个答案:

答案 0 :(得分:1)

如果我理解正确,您可以执行以下操作,

$("#txtbox").bind("keyup", function() {
    if ($("#CheckBox").attr("checked")) {
        $("#OtherTextBox1").val($(this).val());
        $("#OtherTextBox2").val($(this).val());
        $("#OtherTextBox3").val($(this).val());
    }
});

希望这有助于!!

答案 1 :(得分:1)

这是一个快速的想法,可以将所有输入之间的更改同步到彼此。

http://jsfiddle.net/kQaXm/2/

<input type="checkbox" id="checkbox" />
<input type="input" id="input1" />
<input type="input" id="input2" />
<input type="input" id="input3" /> 
<input type="input" id="input4" />

$(function(){
    var $inputs =  $('input[id^=input]');
    $inputs.keyup( function(){
        if( $('#checkbox').is(':checked') )
            $inputs.val( this.value );
    });
});