javascript - 如果代码禁用了属性，如何禁用 onclick？

Question

如何创建这样的东西：

如果此代码具有属性disabled="disabled"，则我的 onclick 也已禁用

<a type="submit" disabled="disabled" id="my-form" onclick="javascript:yourFunctionName();" name="continue" data-target="#dialog" href=""
                class="btn primary btn-primary" title="End">End</a>

Answer 1

试试这个代码，它会搜索标签，如果 disabled="disabled" 找到它会删除 onclick 属性

$(document).ready(function(){
    $("a").each(function(){
      if($(this).attr("disabled") == "disabled") {
        $(this).attr("onclick","");
      }
    });
})

Answer 2

最好在标签中添加一个class命名，如下所示：disabled<a>

<a type="submit" id="my-form" onclick="javascript:yourFunctionName(this);" name="continue" data-target="#dialog" href=""

class="btn primary btn-primary disabled" title="End">End</a>

然后你可以在你的yourFunctionName()：

function yourFunctionName(id) {
   event.preventDefault();
   if(id.className.indexOf('disabled'))
   {
      alert('Sorry, link is disabled');
      return false;
   }
   //Function Code goes here    
 }