jquery – 有条件地将第一个输入值反映到第二个输入字段(基于复选框)

第一个输入字段

<input type="text" id="prmnt_a1" ng-model="prmnt_a1" class="customInput" placeholder="Address Line 1"/>

复选框

<input type="checkbox" id="same" ng-model="same" ng-change="stateChanged(same)"/>

第二个输入

 <input type="text" id="prmnt_a2" ng-model="prmnt_a2" class="customInput" placeholder="Address Line 2"/>

如果checkbox为true,则第一个输入值应反映到第二个输入字段.

最佳答案
如果你想纯粹从视图中进行,那么你可以使用ng-change:

<input type="text" id="prmnt_a1" ng-model="prmnt_a1" class="customInput" placeholder="Address Line 1"/>

<input type="checkbox" id="same" ng-model="same" ng-change="stateChanged(same); same ? prmnt_a2 = prmnt_a1 : false"/>

<input type="text" id="prmnt_a2" ng-model="prmnt_a2" class="customInput" placeholder="Address Line 2"/>

请注意,这只会设置第二个输入的值一次(当选中复选框时),如果用户返回第一个输入并再次更改它,第二个输入将不会更新,如果您想要更新第二个输入在这种情况下,您还必须在第一个输入中添加ng-change:

<input ng-change="same ? prmnt_a2 = prmnt_a1 : false" type="text" id="prmnt_a1" ng-model="prmnt_a1" class="customInput" placeholder="Address Line 1"/>

转载注明原文:jquery – 有条件地将第一个输入值反映到第二个输入字段(基于复选框) - 代码日志