如何在其他文本字段上启用文本字段单击?

时间:2016-09-01 08:09:07

标签: javascript angularjs angularjs-directive

我正在为我的表单使用angularjs,因为表单加载我要禁用某些字段,在单击文本字段后禁用fiels应启用。我很挣扎,请帮助我解决这个问题。这是我的HTML



jatchtID




我希望在放置后禁用所有字段,并将用户重点放在Place上,因此应启用disable字段。

2 个答案:

答案 0 :(得分:0)

尝试:

a

但是,如果您要禁用需要使用此链接的链接,这仅适用于表单元素:

<button ng-click="enabled = true">
<input ng-disabled="!enabled"/>

答案 1 :(得分:0)

我将为您提供一个非常简单的问题示例。如果您禁用输入文本框,则它不会捕获事件。您可以在 div 中添加输入元素,然后调用您的函数启用它。

我已经为此编写了代码。

<!DOCTYPE html>
<html>
   <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
   <body>
      <div ng-app="myApp" ng-controller="myCtrl">
         Click to enable
         <div ng-click="enableMe()" >
            <input type="text" ng-model="name" id="inputbox" disabled >
         </div>
      </div>
      <script>
         var app = angular.module('myApp', []);
         app.controller('myCtrl', function($scope) {
             $scope.enableMe = function (){
                var element = angular.element( document.querySelector( '#inputbox' ) );
                element.removeAttr("disabled");
             }

         });
      </script>
   </body>
</html>