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按钮就禁用掉 } }
相关推荐
在jquery中可以使用attr()函数修改按钮的disable属性 $(“#test”).attr(‘disabled’,false); jquery 控制button的disabled属性 代码如下: $(‘#button’).attr(‘disabled’,”true”);添加disabled属性 $(‘#...
最近写一个这样的页面 要求点击修改按钮之后部分输入框由禁用状态变为可用状态.我使用了vue中的事件处理器,但是不知道怎么获取disabled这个属性的值,所以以失败告终....后来又想到使用jquery来改变属性,
combobox:允许“disabled”属性禁用下拉列表选项; tree:改进数据加载时候的性能; pagination:新增“layout”属性,用于自定义控件的样式布局; accordion:新增“unselect”方法、“onUnselect”事件; ...
表单内包含各种各样的表单域,使用表单域属性选择器可以很好的获取已被选中的单选按钮,复选框以及列表项,也可以根据是否可用从文档中查找表单域。 1. :checked选择器 用于选择所有被选中的表单域。格式: 代码如下:...
不过,把它们放到一个单独的文件中会更好,就像这样(通过 src 属性来引用文件): 实例 <script type="text/javascript" src="jquery.js"> <script type="text/javascript" src="my_jquery_functions.js"> jQuery...
本次更新内容主要是BUG修复和功能改进,相隔4个月又发布了新版本,这次更新更像是例行公事,不过好在修复了很多BUG,另外需要说...tabs:“disabled”属性支持定义一个被禁用的选项卡面板; tabs:支持百分比大小。
表单选择器 1. :button Selector 1. jQuery(“:button”) 2. 选择所有元素和类型为按钮的元素 2. :checkbox Selector ... jQuery(“disabled”) 2. 选择所有被禁用的元素 5. :enabled Selector 1. jQuery
实现效果:input未输入值,按钮禁用 jquery操作代码: html <input type="text" name="" placeholder="请输入用户名" id="userName" > <button class="disabled" id="login">登录</button> css ...
panel: Add 'openAnimation','openDuration','closeAnimation' and 'closeDuration' properties to set the animation for opening or closing a panel...closeAnimation”和“closeDuration”属性来设置面板打开关闭时的动画效果...
可以通过添加名为“disabled”的属性和/或类来禁用的任何其他元素 *当禁用或启用字段集或表单时,元素本身以及其中所有明确支持的元素都会受到影响。 在集合上使用时请注意,提供的过滤功能只影响集合中的项目,而...
今天看了jQuery手册,对prop()函数又多了一点认识,记忆力不好,记录下来。 prop() : 获取匹配元素集中第一个元素的值 判断checkbox中的第一个是否被选中: $(":checkbox").prop("checked"); //如果第一个checkbox...
:rocket: 仅一行禁用Web开发人员工具 | 在线试用/文件| 版本日志| 吉蒂 1.快速使用 1.1 npm参考 npm i disable-devtool import disableDevtool from 'disable-devtool' ; disableDevtool ( ) ; 1.2脚本属性配置 &...
一、隐藏和显示元素 代码如下:$(‘#button_save_12’).css(‘display’, ...二、设为禁用,只读 代码如下: $(‘#button_save_12’).attr(“disabled”, “disabled”); // 禁用 $(‘#button_save_12’).attr(“disabl
在使用AJAX(jQuery)异步请求数据时,为了避免因某些原因用户同时多次点击按钮,提交重复的请求,我们需要禁用请求提交按钮。 重点:jQuery的 attr 和 removeAttr 两个函数,主要是元素button的disabled属性。 Demo:...
ExtAspNet - ExtJS based ASP.NET ... +去除PageLayout控件,此控件可以使用BorderLayout和指定PageManager的AutoSizePanelID属性来代替。 -这样所有需要占据全屏的Panel(不管你是Accordion,Panel,ContentPanel...
+去除PageLayout控件,此控件可以使用BorderLayout和指定PageManager的AutoSizePanelID属性来代替。 -这样所有需要占据全屏的Panel(不管你是Accordion,Panel,ContentPanel,Form,GroupPanel,SimpleForm,Tree还是...