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

请问怎么才能实现以下功能，恳请大神们帮忙看看，谢谢！（使用html、javascript、angularjs）图片说明

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

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

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

    });

使用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);
         }
    });

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

图片说明

图片说明