用jquery设置按钮的disabled属性来实现按钮的禁用

1,虽然可以在button标签中直接添加disable属性来实现按钮的禁用，

但是并没有什么意义，按钮是用来按的，素以要实现有条件的禁用。

使用jquery选择器选定标签，再使用attr()函数控制按钮的disable属性，

就能实现按钮的有条件禁用，直接来看函数：

 

$('#button').attr('disabled',"true");添加disabled属性 
$('#button').removeAttr("disabled"); 移除disabled属性 

 2,例子

 

 

<button class="select" id="determine" onclick="save_clean()">
  确定
</button>

 控制button按钮disable属性的js函数

 

 

 

function save_clean(){
 if(localStorage.getItem("name")!=undefined&&localStorage.getItem("restaurant_name")!=undefined&&localStorage.getItem("package_name")!=undefined) //判断前面三个文本框中是否都不为空
 { localStorage.removeItem("name");
     localStorage.removeItem("restaurant_name");//这三个本地存储是当前面三个文本框都不空清空它们
     localStorage.removeItem("package_name");
     location.href = "../welcome/order"}
 else{
        $('button#determine').attr('disabled',"true");//三个文本框只要有一个不为空button按钮就禁用掉
    }
}