利用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页面顶部卷动广告效果
Dec 01 Javascript
jQuery实现文本框邮箱输入自动补全效果
Nov 17 Javascript
深入探究JavaScript中for循环的效率问题及相关优化
Mar 13 Javascript
JavaScript中的跨浏览器事件操作的基本方法整理
May 20 Javascript
基于构造函数的五种继承方法小结
Jul 27 Javascript
Bootstrap Table 删除和批量删除
Sep 22 Javascript
js读取本地文件的实例
Dec 22 Javascript
jQuery中可见性过滤器简单用法示例
Mar 31 jQuery
通过函数作用域和块级作用域看javascript的作用域链
Aug 05 Javascript
jQuery pagination分页示例详解
Oct 23 jQuery
微信小程序实现点击图片旋转180度并且弹出下拉列表
Nov 27 Javascript
JS继承实现方法及优缺点详解
Sep 02 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生成自适应大小的缩略图类及使用方法分享
2014/05/06 PHP
PHP获取当前相对于域名目录的方法
2015/06/26 PHP
Laravel 5.3 学习笔记之 错误&amp;日志
2016/08/28 PHP
PHP正则匹配到2个字符串之间的内容方法
2018/12/24 PHP
jquery isType() 类型判断代码
2011/02/14 Javascript
js获取当前日期代码适用于网页头部
2013/06/27 Javascript
快速解决FusionCharts联动的中文乱码问题
2013/12/04 Javascript
javaScript 计算两个日期的天数相差(示例代码)
2013/12/27 Javascript
jquery 扑捉回车键事件代码
2014/04/24 Javascript
浅谈Javascript 数组与字典
2015/01/29 Javascript
js控制li的隐藏和显示实例代码
2016/10/15 Javascript
angular或者js怎么确定选中ul中的哪几个li
2017/08/16 Javascript
Vue 2.5 Level E 发布了: 新功能特性一览
2017/10/24 Javascript
对angular2中的ngfor和ngif指令嵌套实例讲解
2018/09/12 Javascript
微信小程序登录按钮遮罩浮层效果的实现方法
2018/12/16 Javascript
javascript异步编程的六种方式总结
2019/05/17 Javascript
javascript设计模式 ? 原型模式原理与应用实例分析
2020/04/10 Javascript
JS数组push、unshift、pop、shift方法的实现与使用方法示例
2020/04/29 Javascript
[54:51]Ti4 冒泡赛第二轮LGD vs C9 3
2014/07/14 DOTA
[52:00]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 LGD vs Optic
2018/04/02 DOTA
一个小示例告诉你Python语言的优雅之处
2014/07/04 Python
在DigitalOcean的服务器上部署flaskblog应用
2015/12/19 Python
python学生管理系统代码实现
2020/04/05 Python
使用pandas模块读取csv文件和excel表格,并用matplotlib画图的方法
2018/06/22 Python
如何用Python破解wifi密码过程详解
2019/07/12 Python
Python Tkinter Entry和Text的添加与使用详解
2020/03/04 Python
Python3 获取文件属性的方式(时间、大小等)
2020/03/12 Python
Python matplotlib画图时图例说明(legend)放到图像外侧详解
2020/05/16 Python
torchxrayvision包安装过程(附pytorch1.6cpu版安装)
2020/08/26 Python
python 下载文件的几种方法汇总
2021/01/06 Python
享受加州生活方式的时尚舒适:XCVI
2018/07/09 全球购物
NFL Game Pass欧洲:在线观看NFL比赛直播和点播,以高清质量播放
2018/08/30 全球购物
伦敦一家领先的精品零售商:IRIS Fashion
2019/05/24 全球购物
入党介绍人意见2015
2015/06/01 职场文书
中国梦党课学习心得体会
2016/01/05 职场文书
解决python存数据库速度太慢的问题
2021/04/23 Python