Jquery 属性代码更改为 Javascript 属性代码

Question

我的项目中有一个场景，我不应该使用 Jquery 代码（不幸的是）。我不太会写 jquery 代码，但不会 java 脚本代码。

功能：

1.I have few disabled controls on page with attribute clickdisabled=disable.    
2. I am trying to set title to all elements with that attribute on a page(s). 
3. when user clicks on disabled controls alert that controls title.
4. I am trying to make click on disabled controls

使我的 java 脚本代码与 jquery 代码相同并使其正常工作的任何帮助。

Jquery代码

function DisableControlAction() {
   $('[clickdisabled=disable]').attr("title", "You are not authorized to perform this action.");

    $('[clickdisabled=disable]').removeAttr("disabled"); // to enable click for server controls

    $('[clickdisabled=disable]').click(function (e) {
        e.preventDefault();
        alert($(this).attr("title"));
        return false;
    });
}

Java 我正在尝试的脚本代码

function DisableControlAction() {
document.getElementsByTagName('[clickdisabled=disable]').setAttribute("title", "You are not authorized to perform this action.");
document.getElementsByTagName('[clickdisabled=disable]').removeAttribute("disabled");
document.getElementsByTagName('[clickdisabled=disable]').click(function (e) {
        e.preventDefault();
        alert($(this).getAttribute("title"));
        return false;
    });
}

Answer 1

如果您使用 querySelectorAll() 并通过任何方式获取元素列表。你可以使用 element.disabled = true;它将禁用输入

Codepen example

var inputs = document.querySelectorAll("input");

for(i = 0; i < inputs.length; i++){
  inputs[i].disabled = true;
}

Jquery 属性代码更改为 Javascript 属性代码

Jquery attribute code to Javascript attribute code

javascript

jquery

attributes