Question

我正在做一个Web应用程序，我正在根据orgainization输入程序详细信息。为此用户首先选择orgainization (from dropdown which is taken from database on pageload)，然后有一个用于输入程序地址详细信息的规定。地址可以与组织地址相同。所以我放了一个像这样的复选框

Enter the program address: [checkbox] Same as organization adress

如果用户勾选复选框，我想填写与组织地址相同的程序地址详细信息。

我知道我可以在checkbox checkchanged event上执行此操作。但我不想在此方法上执行此操作，因为会有回发而我没有使用任何更新面板。

有没有使用jquery实现上述方法的方法？

Answer 1

使用像Demo

这样的变更

<input type="text" id="txt1" />
<input type="checkbox" id="chk1" />
<input type="text" id="txt2" />

jquery

$('#chk1').on('change',function(){
if(this.checked)
    $('#txt2').val($('#txt1').val());
else
    $('#txt2').val('');
});

Answer 2

使用JQuery轻而易举。我喜欢禁用复制的字段，因此用户知道修改源。我为您准备了一个示例JSFiddle，并在下面提供了一些示例JQuery。

$(document).ready(function () {
    $('#idofcheckbox').click(function () {
        $('#idofothertext').val($('#idoftextbox').val());
        $('#idofothertext').attr('disabled', 'disabled');
    });
});

根据您上面的评论，您需要构建一个Web服务来公开此数据库字段，并通过jquery中的ajax调用它。 This是关于构建Web服务然后使用AJAX消费它的好读物。然后，您可以扩展上面的代码来处理点击时的Ajax调用，它不会回发。

   $(document).ready(function () {
        $('#idofcheckbox').click(function () {
            $.ajax({
                url: "test.html",
                context: document.body
            }).done(function (data) {
                $('#idofothertext').val(data.address);
            });
        });
    });

如何填写复选框上的文本框检查更改使用jquery？

2 个答案: