利用jQuery来动态为属性添加或者删除属性的简单方法


Posted in Javascript onDecember 02, 2016

现在做的项目有这样一个需要:

先看图吧^^

 利用jQuery来动态为属性添加或者删除属性的简单方法

要求:

1、当点击导出Excel方式的时候,如果是“勾选导出”或“不分页导出”时,下面的文本框不能修改

2、当点击“分页导出”时,第一个文本框中的值可以被修改,但第二个文本框中的值不可以手动修改,但会随着第一个文本框中输入的值不断变化

实现:

这个页面我就不说怎么做的了,咱们看重点,如何来实现动态的增加属性值:

function changeAttr(){                //onchange事件 添加和去除只读属性
      var radios = document.forms[0].radio;
      for (var i = 0; i < radios.length; i++) {  
          if (radios[2].checked == true) {  
             remAttr();              //如何选择的是勾选导出,去除文本框的disabled属性
             break;
         }else{
             addAttr();
             break;                //如果判断出选中的哪一个单选按钮之后,要跳出循环
         }
      }
  }

 

     function remAttr(){ 

         $("#sheet").attr("disabled",false);      //去除disabled属性

     }

 

      function addAttr(){ 

         $("#sheet").attr("disabled",true);      //添加disabled属性

     }

说明:这里的sheet为第一个文本框中的id值,这里我们是用jQuery来实现的,但如果用javascript呢?

document.getElementById("sheet").disabled = false;

以上这篇利用jQuery来动态为属性添加或者删除属性的简单方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
html读出文本文件内容
Jan 22 Javascript
关于viewport,Ext.panel和Ext.form.panel的关系
May 07 Javascript
通过正则格式化url查询字符串实现代码
Dec 28 Javascript
JSONP获取Twitter和Facebook文章数的具体步骤
Feb 24 Javascript
jQuery实现的淡入淡出二级菜单效果代码
Sep 15 Javascript
JQuery获取鼠标进入和离开容器的方向
Dec 29 Javascript
关于iframe跨域POST提交的方法示例
Jan 15 Javascript
JavaScript实现设置默认日期范围为最近40天的方法分析
Jul 12 Javascript
label+input实现按钮开关切换效果的实例
Aug 16 Javascript
select2 ajax 设置默认值,初始值的方法
Aug 09 Javascript
jQuery实现动态添加和删除input框代码实例
Mar 29 jQuery
node将geojson转shp返回给前端的实现方法
May 29 Javascript
基于javascript实现的快速排序
Dec 02 #Javascript
微信公众平台开发教程(五)详解自定义菜单
Dec 02 #Javascript
基于jQuery实现滚动切换效果
Dec 02 #Javascript
遍历json 对象的属性并且动态添加属性的实现
Dec 02 #Javascript
Vue.js组件tree实现无限级树形菜单
Dec 02 #Javascript
js中的eval()函数把含有转义字符的字符串转换成Object对象的方法
Dec 02 #Javascript
Vue.js第四天学习笔记
Dec 02 #Javascript
You might like
计数器详细设计
2006/10/09 PHP
php 文件上传系统手记
2009/10/26 PHP
PHP获取php,mysql,apche的版本信息示例代码
2014/01/16 PHP
实现在同一方法中获取当前方法中新赋值的session值解决方法
2014/06/26 PHP
PHP基于mssql扩展远程连接MSSQL的简单实现方法
2016/10/08 PHP
tp5框架无刷新分页实现方法分析
2019/09/26 PHP
jquery实现简单的拖拽效果实例兼容所有主流浏览器
2013/06/21 Javascript
类似php的js数组的in_array函数自定义方法
2013/12/27 Javascript
Asp.Net alert弹出提示信息的几种方法总结
2014/01/29 Javascript
JavaScript获取网页、浏览器、屏幕高度和宽度汇总
2014/12/18 Javascript
javascript中new关键字详解
2015/12/14 Javascript
使用微信内置浏览器点击下拉框出现页面乱跳转现象(iphone),该怎么办
2016/01/04 Javascript
总结在前端排序中遇到的问题
2016/07/19 Javascript
详解Angular开发中的登陆与身份验证
2016/07/27 Javascript
第一次接触Bootstrap框架
2016/10/24 Javascript
JQuery查找子元素find()和遍历集合each的方法总结
2017/03/07 Javascript
ES6字符串模板,剩余参数,默认参数功能与用法示例
2017/04/06 Javascript
javascript算法之二叉搜索树的示例代码
2017/09/12 Javascript
ES6中Class类的静态方法实例小结
2017/10/28 Javascript
简单介绍react redux的中间件的使用
2018/04/06 Javascript
JS实现table表格内针对某列内容进行即时搜索筛选功能
2018/05/11 Javascript
BootStrap表单验证中的非Submit类型按钮点击时触发验证的坑
2019/09/05 Javascript
详解python中list的使用
2019/03/15 Python
Python3.6中Twisted模块安装的问题与解决
2019/04/15 Python
Python实现Mysql数据统计及numpy统计函数
2019/07/15 Python
python如何解析复杂sql,实现数据库和表的提取的实例剖析
2020/05/15 Python
解决keras加入lambda层时shape的问题
2020/06/11 Python
Python自动巡检H3C交换机实现过程解析
2020/08/14 Python
查找适用于matplotlib的中文字体名称与实际文件名对应关系的方法
2021/01/05 Python
html5的websockets全双工通信详解学习示例
2014/02/26 HTML / CSS
LODI女鞋在线商店:阿利坎特的鞋类品牌
2019/02/15 全球购物
毕业求职自荐信格式是什么
2013/11/19 职场文书
2014年小学教研工作总结
2014/12/06 职场文书
计划生育目标责任书
2015/05/09 职场文书
推普标语口号大全
2015/12/26 职场文书
《所见》教学反思
2016/02/23 职场文书