在AngularJS中选择单选按钮时,专注于文本框

布莱克

有人可以给我一个想法,当我单击分配给它的单选按钮时如何将重点放在文本框上吗?我正在使用角度js。谢谢你的任何想法

斯拉瓦·乌特西诺夫(Slava Utesinov)

为您创建了示例

HTML:

<body ng-app="scopeExample">
  <div ng-controller="MyController">
    <div ng-repeat='item in mas'>
      <input type="radio" name='somename' ng-model="item.select" value="true" ng-click='clear(item)'>
      <input type='text' focus='item.select'/>
      <br>
    </div>
  </div>
</body>

Javascript:

angular.module('scopeExample', [])
  .controller('MyController', ['$scope', function($scope) {

    $scope.mas=[
      {id:1,select:false},
      {id:2,select:false},
      {id:3,select:false},
      {id:4,select:false}
      ];

  $scope.clear = function(item){
    $scope.mas.forEach(function(x){
      if(x != item)
        x.select=false;
    });
  }

  }]).directive('focus',['$timeout', '$parse', function($timeout, $parse){

    return {
      link:function (scope, element, attrs) {
            var model = $parse(attrs['focus']);
            scope.$watch(model, function (value) {                
                if (eval(value)) 
                    $timeout(function () {
                        element[0].focus();
                    });                
            });
    }
  }

  }]);

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在选择单选按钮时显示文本框/按钮

来自分类Dev

选择单选按钮时出现的文本框

来自分类Dev

在选择单选按钮时禁用文本框的脚本

来自分类Dev

选择单选按钮时隐藏/显示3个文本框

来自分类Dev

使用VB在Word 2007中选择选项按钮时启用ActiveX文本框

来自分类Dev

使用jquery选中单选按钮时验证文本框是

来自分类Dev

使用jquery选中单选按钮时验证文本框是

来自分类Dev

从文本框中选择文本时触发功能

来自分类Dev

通过单击按钮在文本框中选择全部

来自分类Dev

选中单选按钮时获取文本框的值并根据文本框值更改单选按钮的值

来自分类Dev

单选按钮清除文本框

来自分类Dev

根据在Openwrt Luci中选择的单选选项,文本框需要可见或隐藏

来自分类Dev

在页面加载中选择了AngularJS单选按钮

来自分类Dev

如何在angularjs中选择单选按钮

来自分类Dev

在面板中选择多个文本框

来自分类Dev

获得焦点时尝试在对话框的文本框中选择文本

来自分类Dev

ASP.NET C#按下按钮从文本框中选择部分文本

来自分类Dev

根据单选按钮选择使用jQuery隐藏/显示文本框

来自分类Dev

使用基于单选按钮选择的jQuery获取文本框的值

来自分类Dev

根据单选按钮选择,使用jQuery隐藏/显示文本框

来自分类Dev

在MVVM中选择组合框的特定项目时启用文本框

来自分类Dev

文本不会显示在文本框中(单选按钮)

来自分类Dev

React-更改单选按钮组件时,更新文本框组件状态

来自分类Dev

当使用JavaScript中的单个功能单击其他单选按钮时,如何禁用文本框?

来自分类Dev

检查是否在文本框中输入了文本,以及是否选择了单选按钮+警报并直接转到页面

来自分类Dev

当使用javascript或jQuery从填充的文本框中选择任何值时,如何在不单击提交按钮的情况下提交表单

来自分类Dev

从下拉列表中选择其他选项时激活文本框

来自分类Dev

在下拉列表中选择多个选项时,如何生成动态文本框?

来自分类Dev

在PHP中选择下拉值时显示文本框值

Related 相关文章

  1. 1

    在选择单选按钮时显示文本框/按钮

  2. 2

    选择单选按钮时出现的文本框

  3. 3

    在选择单选按钮时禁用文本框的脚本

  4. 4

    选择单选按钮时隐藏/显示3个文本框

  5. 5

    使用VB在Word 2007中选择选项按钮时启用ActiveX文本框

  6. 6

    使用jquery选中单选按钮时验证文本框是

  7. 7

    使用jquery选中单选按钮时验证文本框是

  8. 8

    从文本框中选择文本时触发功能

  9. 9

    通过单击按钮在文本框中选择全部

  10. 10

    选中单选按钮时获取文本框的值并根据文本框值更改单选按钮的值

  11. 11

    单选按钮清除文本框

  12. 12

    根据在Openwrt Luci中选择的单选选项,文本框需要可见或隐藏

  13. 13

    在页面加载中选择了AngularJS单选按钮

  14. 14

    如何在angularjs中选择单选按钮

  15. 15

    在面板中选择多个文本框

  16. 16

    获得焦点时尝试在对话框的文本框中选择文本

  17. 17

    ASP.NET C#按下按钮从文本框中选择部分文本

  18. 18

    根据单选按钮选择使用jQuery隐藏/显示文本框

  19. 19

    使用基于单选按钮选择的jQuery获取文本框的值

  20. 20

    根据单选按钮选择,使用jQuery隐藏/显示文本框

  21. 21

    在MVVM中选择组合框的特定项目时启用文本框

  22. 22

    文本不会显示在文本框中(单选按钮)

  23. 23

    React-更改单选按钮组件时,更新文本框组件状态

  24. 24

    当使用JavaScript中的单个功能单击其他单选按钮时,如何禁用文本框?

  25. 25

    检查是否在文本框中输入了文本,以及是否选择了单选按钮+警报并直接转到页面

  26. 26

    当使用javascript或jQuery从填充的文本框中选择任何值时,如何在不单击提交按钮的情况下提交表单

  27. 27

    从下拉列表中选择其他选项时激活文本框

  28. 28

    在下拉列表中选择多个选项时,如何生成动态文本框?

  29. 29

    在PHP中选择下拉值时显示文本框值

热门标签

归档