卡奇莫多 2016-02-02
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按钮就禁用掉 } }
preserve log:勾选,页面发生跳转,接口不丢失;;Disable cache:不使用缓存,勾选,拿服务器的缓存;不勾选,用本地缓存;;All那列,表示浏览器的请求类型,对应下面的列type;