利用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 相关文章推荐
Extjs TriggerField在弹出窗口显示不出问题的解决方法
Jan 08 Javascript
js URL参数的拼接方法比较
Feb 15 Javascript
深入了解JavaScript中的Symbol的使用方法
Jul 28 Javascript
使用js复制链接中的部分文字的方法
Jul 30 Javascript
javascript中arguments,callee,caller详解
Mar 16 Javascript
JavaScript学习笔记--常用的互动方法
Dec 07 Javascript
javascript自执行函数
Feb 10 Javascript
node.js 抓取代理ip实例代码
Apr 30 Javascript
Express下采用bcryptjs进行密码加密的方法
Feb 07 Javascript
javascript匿名函数中的'return function()'作用
Oct 15 Javascript
JS基于对象的链表实现与使用方法示例
Jan 31 Javascript
详解Vue串联过滤器的使用场景
Apr 30 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
日本十大最佳动漫,全都是二次元的神级作品
2019/10/05 日漫
flash 得到自身url参数的代码
2009/11/15 Javascript
JavaScript prototype对象的属性说明
2010/03/13 Javascript
JS 仿腾讯发表微博的效果代码
2013/12/25 Javascript
JS数组的遍历方式for循环与for...in
2014/07/31 Javascript
JS实现网页滚动条感应鼠标变色的方法
2015/02/26 Javascript
javascript如何实现暂停功能
2015/11/06 Javascript
微信小程序手势操作之单触摸点与多触摸点
2017/03/10 Javascript
nodejs express配置自签名https服务器的方法
2018/05/22 NodeJs
JavaScript数组,JSON对象实现动态添加、修改、删除功能示例
2018/05/26 Javascript
详解mpvue scroll-view自动回弹bug解决方案
2018/10/01 Javascript
JavaScript 继承 封装 多态实现及原理详解
2019/07/29 Javascript
微信小程序实现滑动翻页效果(完整代码)
2019/12/06 Javascript
使用JS实现鼠标放上图片进行放大离开实现缩小功能
2021/01/27 Javascript
浅析AST抽象语法树及Python代码实现
2016/06/06 Python
让python 3支持mysqldb的解决方法
2017/02/14 Python
Django 模型类(models.py)的定义详解
2019/07/19 Python
python实现美团订单推送到测试环境,提供便利操作示例
2019/08/09 Python
Python调用钉钉自定义机器人的实现
2020/01/03 Python
如何用css3实现switch组件开关的方法
2018/02/09 HTML / CSS
html5中JavaScript removeChild 删除所有节点
2014/05/16 HTML / CSS
J.Crew官网:美国知名休闲服装品牌
2017/05/19 全球购物
巴黎卡诗加拿大官网:Kérastase加拿大
2018/11/12 全球购物
学校门卫管理制度
2014/01/30 职场文书
《水上飞机》教学反思
2014/04/10 职场文书
《毛主席在花山》教学反思
2014/04/20 职场文书
教书育人演讲稿
2014/09/11 职场文书
大学生党员批评与自我批评
2014/09/28 职场文书
合作合同协议书
2016/03/21 职场文书
详解Js模块化的作用原理和方案
2021/04/29 Javascript
利用Python判断你的密码难度等级
2021/06/02 Python
浅析MongoDB之安全认证
2021/06/26 MongoDB
OpenCV图像变换之傅里叶变换的一些应用
2021/07/26 Python
Python 详解通过Scrapy框架实现爬取CSDN全站热榜标题热词流程
2021/11/11 Python
PostgreSQL怎么创建分区表详解
2022/06/25 PostgreSQL
彻底弄懂Python中的回调函数(callback)
2022/06/25 Python