利用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 相关文章推荐
jQuery的实现原理的模拟代码 -3 事件处理
Aug 03 Javascript
改变文件域的样式实现思路同时兼容ie、firefox
Oct 23 Javascript
JS画线(实例代码)
Nov 20 Javascript
jquery插件tooltipv顶部淡入淡出效果使用示例
Dec 05 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 简史
Jan 09 Javascript
JQuery插件Quicksand实现超炫的动画洗牌效果
May 03 Javascript
jQuey将序列化对象在前台显示地实现代码(方法总结)
Dec 13 Javascript
JS实现旋转木马式图片轮播效果
Jan 18 Javascript
AngularJS解决ng-if中的ng-model值无效的问题
Jun 21 Javascript
Javascript中的getter和setter初识
Aug 17 Javascript
mpvue性能优化实战技巧(小结)
Apr 17 Javascript
Vue 打包后相对路径的引用问题
Jun 05 Vue.js
基于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中的一些数组排序方法分享
2012/07/20 PHP
php中chdir()函数用法实例
2014/11/13 PHP
Apache无法自动跳转却显示目录的解决方法
2020/11/30 PHP
深入了解PHP中的Array数组和foreach
2016/11/06 PHP
YII框架中搜索分页jQuery写法详解
2016/12/19 PHP
PHP远程连接oracle数据库操作实现方法图文详解
2019/04/11 PHP
JavaScript 设计模式学习 Singleton
2009/07/27 Javascript
js 多种变量定义(对象直接量,数组直接量和函数直接量)
2010/05/24 Javascript
javascript最常用与实用的创建类的代码
2010/08/12 Javascript
JavaScript 用cloneNode方法克隆节点的代码
2012/10/15 Javascript
Jquery的hover方法让鼠标经过li时背景变色
2013/09/06 Javascript
不同Jquery版本引发的问题解决
2013/10/14 Javascript
javascript if条件判断方法小结
2014/05/17 Javascript
node.js中的fs.readFileSync方法使用说明
2014/12/15 Javascript
了不起的node.js读书笔记之node的学习总结
2014/12/22 Javascript
解决vue 路由变化页面数据不刷新的问题
2018/03/13 Javascript
JavaScript简单实现的仿微博留言功能示例
2019/01/17 Javascript
解决vue更新路由router-view复用组件内容不刷新的问题
2019/11/04 Javascript
vue页面更新patch的实现示例
2020/03/25 Javascript
JavaScript进阶(四)原型与原型链用法实例分析
2020/05/09 Javascript
vscode 使用Prettier插件格式化配置使用代码详解
2020/08/10 Javascript
[03:27]最受玩家喜爱奖提名:PZH_Element 致玩家寄语
2016/12/20 DOTA
python3.3教程之模拟百度登陆代码分享
2014/01/16 Python
解决py2exe打包后,总是多显示一个DOS黑色窗口的问题
2019/06/21 Python
Python logging设置和logger解析
2019/08/28 Python
HTML5 canvas实现雪花飘落特效
2016/03/08 HTML / CSS
美国益智玩具购物网站:Fat Brain Toys
2017/11/03 全球购物
软件部经理岗位职责范本
2014/02/25 职场文书
学校消防安全责任书
2014/07/23 职场文书
群众路线个人整改方案
2014/10/25 职场文书
2014小学数学教师个人工作总结
2014/12/18 职场文书
先进工作者个人总结
2015/02/15 职场文书
《风娃娃》教学反思
2016/02/18 职场文书
2016年安全生产先进个人事迹材料
2016/02/29 职场文书
90条交通安全宣传标语
2019/10/12 职场文书