用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按钮就禁用掉
    }
}
 

相关推荐