如果代码已禁用属性，如何禁用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

尝试此代码，它将搜索标记，如果禁用=“已禁用”，则会删除onclick属性

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

Answer 2

最好将class名为disabled的{​​{1}}添加到<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    
 }