利用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 相关文章推荐
JavaScript对象链式操作代码(jquery)
Jul 04 Javascript
javascript获取url上某个参数的方法
Nov 08 Javascript
键盘上一张下一张兼容IE/google/firefox等浏览器
Jan 28 Javascript
jQuery制作的别致导航有阴影背景高亮模式窗口
Apr 15 Javascript
JavaScript获取页面中第一个锚定文本的方法
Apr 03 Javascript
Eclipse引入jquery报错如何解决
Dec 01 Javascript
jquery——九宫格大转盘抽奖实例
Jan 16 Javascript
vue 基于element-ui 分页组件封装的实例代码
Dec 10 Javascript
详解jQuery-each()方法
Mar 13 jQuery
js图片查看器插件用法示例
Jun 22 Javascript
深入了解query和params的使用区别
Jun 24 Javascript
ES6字符串的扩展实例
Dec 21 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
PHP数据库开发知多少
2006/10/09 PHP
PHP 获取目录下的图片并随机显示的代码
2009/12/28 PHP
php截取字符串函数分享
2015/02/02 PHP
FleaPHP框架数据库查询条件($conditions)写法总结
2016/03/19 PHP
jquery Firefox3.5中操作select的问题
2009/07/10 Javascript
15 个 JavaScript Web UI 库
2010/05/19 Javascript
js判断设备是否为PC并调整图片大小
2014/02/12 Javascript
JavaScript日期时间格式化函数分享
2014/05/05 Javascript
jquery mobile的触控点击事件会多次触发问题的解决方法
2014/05/08 Javascript
深入浅析search 搜索框的写法
2016/08/02 Javascript
NodeJs安装npm包一直失败的解决方法
2017/04/28 NodeJs
javaScript canvas实现(画笔大小 颜色 橡皮的实例)
2017/11/28 Javascript
微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤
2018/09/18 Javascript
Vue自定义属性实例分析
2019/02/23 Javascript
Node.js之readline模块的使用详解
2019/03/25 Javascript
vue视频播放暂停代码
2019/11/08 Javascript
vue-cli设置css不生效的解决方法
2020/02/07 Javascript
vue用ant design中table表格,点击某行时触发的事件操作
2020/10/28 Javascript
微信小程序实现日历小功能
2020/11/18 Javascript
详解JavaScript 中的批处理和缓存
2020/11/19 Javascript
[03:49]显微镜下的DOTA2第十五期—VG登基之路完美团
2014/06/24 DOTA
[03:46]DAC趣味视频-中文考试.mp4
2017/04/02 DOTA
python 捕获shell脚本的输出结果实例
2017/01/04 Python
Window环境下Scrapy开发环境搭建
2018/11/18 Python
在scrapy中使用phantomJS实现异步爬取的方法
2018/12/17 Python
python多线程分块读取文件
2019/08/29 Python
.img/.hdr格式转.nii格式的操作
2020/07/01 Python
解决Pycharm双击图标启动不了的问题(JetBrains全家桶通用)
2020/08/07 Python
Python使用pickle进行序列化和反序列化的示例代码
2020/09/22 Python
英国最大线上综合鞋类商城:Office
2017/12/08 全球购物
奥地利体育网上商店:Gigasport
2019/10/09 全球购物
英语感恩演讲稿
2014/01/14 职场文书
2016年“12.4”法制宣传日活动总结
2016/04/01 职场文书
Go web入门Go pongo2模板引擎
2022/05/20 Golang
详解Spring Bean的配置方式与实例化
2022/06/10 Java/Android
CSS元素定位之通过元素的标签或者元素的id、class属性定位详解
2022/09/23 HTML / CSS