【问题标题】:Enabling a disabled input type image is not working启用禁用的输入类型图像不起作用
【发布时间】:2021-02-09 00:46:01
【问题描述】:

亲爱的,我正在尝试根据某些条件启用禁用的输入类型图像 我尝试了几个没有解决方案的代码 我正在使用 Angular js 和 jQuery,知道如何解决这个问题

HTML

<td style="width: 46px;">
<a href="#">
<input type="image" ng-click="committeeedit() ;$event.stopPropagation();$event.preventDefault();" src="assets/images/pencil.png" />
</a>
<a href="#">
<input disabled type="image" id="deleteCommitteeBtn" ng-click="deleteCommittee()" ng-src="assets/images/cross.png" />
</a>
</td>
setenabledfields();
        function setenabledfields() {
            cmePointsSrv.getSecurity("CMEpoints/getSecurity?hospkey=" + $scope.hospitalid).then(function (response) {
                $scope.Security = (response.data);
                //console.log($scope.Security);
               

                if ($scope.Security[0].code == 1) {
                    cmePointsSrv.getenabledfields("CMEpoints/getenabledfields?funckey=" + $scope.funckey + '&staffkey=' + $scope.staffkey).then(function (response) {
                        $scope.enabledfields = (response.data);

                        $('#frame input,#frame select').attr('disabled', 'true');
                        
                        $scope.enabledfields.forEach(function (e) {
                            var tt = document.getElementById(e.ctrl_Actual_name.split('.')[1])

                            if (tt != null) {
                                //console.log(tt);
                                document.getElementById(e.ctrl_Actual_name.split('.')[1]).disabled = false;
                            }
                            //else { document.getElementById(e.ctrl_Actual_name.split('.')[1]).disabled = true;}

                        })
                    })
                } else {
                   

                        //document.getElementById("deleteMeetingBtn").disabled = true; 
                        //document.getElementById("deleteCompulsoryBtn").disabled = true; 
                        //document.getElementById("deleteTrainingBtn").disabled = true; 
                        //document.getElementById("deleteOtherBtn").disabled = true;
document.getElementById("deleteCommitteeBtn").disabled = false;
                    //$("#deleteCommitteeBtn").attr('disabled', 'disabled');
                    //$("#deleteCommitteeBtn").prop("disabled", true);
                    $("deleteCommitteeBtn").removeAttr('disabled');
                    //$("#deleteCommitteeBtn")[0].onclick = null;
                }

            })
        }

无法将属性“禁用”设置为 null 提前感谢

【问题讨论】:

  • 看起来很奇怪你会用 jQuery 而不是 angular 来做这个
  • 感谢您的回复,不幸的是我都试过了,但没有解决方案

标签: javascript html jquery angularjs


【解决方案1】:

$('#deleteCommitteeBtn').prop('disabled', 'false');

【讨论】:

  • 将此代码添加到浏览器控制台:$('#deleteCommitteeBtn');然后按回车,然后查看指向的 DOM。也许是另一个 id 行或 DOM 是在之后创建的
  • 上下文:文档选择器:“#deleteCommitteeBtn”
猜你喜欢
  • 2015-08-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-04-08
  • 1970-01-01
  • 2012-09-25
  • 2013-07-23
  • 1970-01-01
相关资源
最近更新 更多