我希望一个输入字段的值始终等于另一个输入字段

Question

我有一个用于将邮寄地址设置为邮寄地址的复选框，因此如果复选框被选中，则两个值将始终相同，即使如果一个变化。到目前为止，一旦框被选中，我可以获得帐单地址以复制邮寄地址，但如果以后更改了值，则视图不会更新。以下是我迄今为止：

createcustomer.html：

<section class="mainbar" data-ng-controller="createcustomer as vm"> 
<div class="col-md-4"> 
          <label for="txtMailingAddress1">Address 1:</label> 
         </div> 
         <div class="col-md-8"> 
          <input type="text" id="txtMailingAddress1" name="txtMailingAddress1" value="" data-ng-model="vm.MailingAddress1" class="form-control FloatLeft" required /> 
         </div> 

<input type="checkbox" id="checkboxSameAddress" data-ng-model="vm.IsBillingMailing" data-ng-change="vm.copyMailingAddress()" />Check if billing address same as mailing address 

<div class="form-group"> 
         <div class="col-md-4"> 
          <label for="txtBillingAddress1">Address 1:</label> 
         </div> 
         <div class="col-md-8"> 
          <input type="text" id="txtBillingAddress1" name="txtBillingAddress1" data-ng-model="vm.BillingAddress1" class="form-control FloatLeft" required /> 
         </div> 
        </div> 
</section> 

createcustomer.js

function copyMailingAddress() { 
      if (vm.IsBillingMailing) { 
       vm.BillingAddress1 = vm.MailingAddress1; 
      } 
      else { 
       vm.BillingAddress1 = ''; 
      } 
     } 

Answer 1

一切都搞错了。你需要应用一些Angular。下面是做到这一点的一种方法：

http://jsfiddle.net/RpfNd/

var app = angular.module('shippingApp', []); 

app.controller('ShippingCtrl', function ($scope) { 
    $scope.mailing = { 
     first: 'Jon', 
     last: 'Doe', 
     address1: '123 Main Street' 
    }; 
    $scope.billing = {}; 
    $scope.billing_same = false; 

    $scope.$watch('billing_same',function(same_as_shipping) { 
     if (same_as_shipping) { 
      $scope.billing = $scope.mailing; 
     } 
     else { 
      $scope.billing = {}; 
     } 
    }); 
}); 

Answer 2

编辑：没有意识到问题涉及angularjs。没有在标题或问题中说明。注释如下后注意到标签。 Mods请删除这个答案，如果这个页面没用。由于

----------原来的答复-------------

简单的解决方案（我似乎也许还可以利用出于懒惰的），它是在我看来也更加安全。

如果“使用相同的邮寄地址”被选中，然后使用javascript禁用所有帐单地址栏/ jQuery的

然后当表单发布，从而对其进行验证（假设你使用PHP）：

if(isset($_POST['checkboxSameAddress'])){ 
    $txtBillingAddress1 = $txtMailingAddress1; 
    $txtBillingAddress2 = $txtMailingAddress2; 
    //and so on 
} 

这样你保证值是没有用jQuery/JavaScript的操纵这么多相同的

注：输入复选框将要求这样做的name属性工作