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

苏米特·库玛(Sumit kumar)

第一个输入字段

<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"/>

如果复选框为true,则第一个输入值应反映到第二个输入字段。

艾哈迈德·瓦格迪(Ahmed Wagdi)

如果您只想从视图中进行操作,则可以使用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"/>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

根据复选框的值有条件地进行输入

来自分类Dev

防止有条件的复选框输入无限循环

来自分类Dev

阻止用户在Vue Js中有条件地更改复选框值?

来自分类Dev

ExtJS有条件地渲染输入字段

来自分类Dev

当输入字段中的值在p:dataTable的一行中更改时,有条件地更新选择列表

来自分类Dev

将复选框中的值放入html输入字段

来自分类Dev

将多个选中的复选框的值传递到多个对应的输入字段中

来自分类Dev

有条件地检查angularjs中的复选框

来自分类Dev

在Flutter中有条件地显示/隐藏图块中的复选框

来自分类Dev

根据ReactJS中的变量有条件地设置复选框状态

来自分类Dev

取消选中带有条件的复选框

来自分类Dev

带有条件的uitableview中的复选框?

来自分类Dev

取消选中带有条件的复选框

来自分类Dev

将输入复选框的DOM属性更改反映到innerHTML属性中

来自分类Dev

将输入复选框的DOM属性更改反映到innerHTML属性中

来自分类Dev

复选框将所有已完成的输入字段复制到下面的字段中

来自分类Dev

我想要第一个和第二个有条件的插入值

来自分类Dev

Angular.js如何根据另一个列表中是否存在重复元素来有条件地检查复选框

来自分类Dev

SQL:基于主表中的行值将多个表有条件地关联到单个表的最佳方法

来自分类Dev

UWP:有条件地从OnNaviagted导航到另一个页面而无需输入

来自分类Dev

尝试有条件地禁用轮播类型的应用的多个输入字段-如果输入字段为空,则应禁用下一步按钮

来自分类Dev

根据用户输入有条件地显示表单字段

来自分类Dev

根据其他输入字段有条件地显示/隐藏未嵌套的标签/输入表单字段

来自分类Dev

将复选框设置为基于其他输入值选中

来自分类Dev

根据复选框ID值填充输入字段

来自分类Dev

如何基于bash中的变量有条件地将输出重定向到文件

来自分类Dev

有条件地更改ng-model的输入值

来自分类Dev

将复选框与相应的输入字段分组

来自分类Dev

有条件地将 HTML 输入表单分配给模型

Related 相关文章

  1. 1

    根据复选框的值有条件地进行输入

  2. 2

    防止有条件的复选框输入无限循环

  3. 3

    阻止用户在Vue Js中有条件地更改复选框值?

  4. 4

    ExtJS有条件地渲染输入字段

  5. 5

    当输入字段中的值在p:dataTable的一行中更改时,有条件地更新选择列表

  6. 6

    将复选框中的值放入html输入字段

  7. 7

    将多个选中的复选框的值传递到多个对应的输入字段中

  8. 8

    有条件地检查angularjs中的复选框

  9. 9

    在Flutter中有条件地显示/隐藏图块中的复选框

  10. 10

    根据ReactJS中的变量有条件地设置复选框状态

  11. 11

    取消选中带有条件的复选框

  12. 12

    带有条件的uitableview中的复选框?

  13. 13

    取消选中带有条件的复选框

  14. 14

    将输入复选框的DOM属性更改反映到innerHTML属性中

  15. 15

    将输入复选框的DOM属性更改反映到innerHTML属性中

  16. 16

    复选框将所有已完成的输入字段复制到下面的字段中

  17. 17

    我想要第一个和第二个有条件的插入值

  18. 18

    Angular.js如何根据另一个列表中是否存在重复元素来有条件地检查复选框

  19. 19

    SQL:基于主表中的行值将多个表有条件地关联到单个表的最佳方法

  20. 20

    UWP:有条件地从OnNaviagted导航到另一个页面而无需输入

  21. 21

    尝试有条件地禁用轮播类型的应用的多个输入字段-如果输入字段为空,则应禁用下一步按钮

  22. 22

    根据用户输入有条件地显示表单字段

  23. 23

    根据其他输入字段有条件地显示/隐藏未嵌套的标签/输入表单字段

  24. 24

    将复选框设置为基于其他输入值选中

  25. 25

    根据复选框ID值填充输入字段

  26. 26

    如何基于bash中的变量有条件地将输出重定向到文件

  27. 27

    有条件地更改ng-model的输入值

  28. 28

    将复选框与相应的输入字段分组

  29. 29

    有条件地将 HTML 输入表单分配给模型

热门标签

归档