weixin_42705194
wang00ka
2018-10-09 05:21
采纳率: 75.7%
浏览 820

请问文本框禁用怎么实现?

请问怎么才能实现以下功能,恳请大神们帮忙看看,谢谢!(使用html、javascript、angularjs)图片说明

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

4条回答 默认 最新

  • showbo
    已采纳
     <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.0/angular.min.js"></script>
    <body ng-app="myApp">
        <div ng-controller="myCtrl">
            <select ng-model="yesno" ng-change="myFunc()"><option value="是" selected>是</option><option value="否">否</option></select>
            账号:<input type="text" ng-disabled="disabled" />
            密码:<input type="text" ng-disabled="disabled" />
        </div>
    
        <script>
            angular.module('myApp', [])
            .controller('myCtrl', ['$scope', function ($scope) {
                $scope.yesno = '是';
                $scope.disabled = $scope.yesno == '否';
                $scope.myFunc = function () { $scope.disabled = $scope.yesno == '否'; };
            }]);
        </script>
    </body>
    
    点赞 评论
  • qq_23126581

    $(".data").bind("change",function(){
    var dataname = $(this).val();

    if(dataname=="是"){
    $("#id").attr("disabled",false);不可编辑,不可以传值
    }else{
    $("#id").attr("disabled",true);
    }

        });
    
    点赞 评论
  • brink_compiling
    _compiling 2018-10-09 05:55

    使用js,当输入框取值为否的时候,将账号密码框设置为禁用,具体代码如下:

         $("#判断是否输入框id").bind("change",function(){
                var dataname = $(this).val();
            if(dataname=="否"){
                        $("#密码框id").attr('disabled',true);
                            $("#账号框id").attr('disabled',true);
             }else{
                $("#密码框id").attr('disabled',false);
                            $("#账号框id").attr('disabled',false);
             }
        });
    
    点赞 评论
  • fouling
    fostlin 2018-10-09 06:52

    写好可输入框和不可输入框对应的css 类

    图片说明

    图片说明

    点赞 评论

相关推荐