利用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 数组的方法集合
Jun 05 Javascript
html页面显示年月日时分秒和星期几的两种方式
Aug 20 Javascript
用js闭包的方法实现多点标注冒泡示例
May 29 Javascript
JavaScript错误处理
Feb 03 Javascript
jQuery实现首页顶部可伸缩广告特效代码
Apr 15 Javascript
AngularJS基础 ng-model-options 指令简单示例
Aug 02 Javascript
如何写好你的JavaScript【推荐】
Mar 02 Javascript
深入理解JavaScript 参数按值传递
May 24 Javascript
详谈AngularJs 控制器、数据绑定、作用域
Jul 09 Javascript
vue组件命名和props命名代码详解
Sep 01 Javascript
vue中jsonp插件的使用方法示例
Sep 10 Javascript
Vue提供的三种调试方式你知道吗
Jan 18 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
PHP得到mssql的存储过程的输出参数功能实现
2012/11/23 PHP
PHP把小数转成整数3种方法
2014/06/30 PHP
腾讯微博提示missing parameter errorcode 102 错误的解决方法
2014/12/22 PHP
PHP遍历数组的三种方法及效率对比分析
2015/02/12 PHP
Laravel实现搜索的时候分页并携带参数
2019/10/15 PHP
javascript判断单选框或复选框是否选中方法集锦
2007/04/04 Javascript
使用jQuery简化Ajax开发 Ajax开发入门
2009/10/14 Javascript
JavaScript 组件之旅(二)编码实现和算法
2009/10/28 Javascript
nodejs事件的监听与触发的理解分析
2015/02/12 NodeJs
JS模式之单例模式基本用法
2015/06/30 Javascript
js中 javascript:void(0) 用法详解
2015/08/11 Javascript
jQuery多级联动下拉插件chained用法示例
2016/08/20 Javascript
BootStrap Table对前台页面表格的支持实例讲解
2016/12/22 Javascript
JS实现基于Sketch.js模拟成群游动的蝌蚪运动动画效果【附demo源码下载】
2017/08/18 Javascript
微信小程序http连接访问解决方案的示例
2018/11/05 Javascript
angular4自定义表单控件[(ngModel)]的实现
2018/11/23 Javascript
微信小程序使用websocket通讯的demo,含前后端代码,亲测可用
2019/05/22 Javascript
JS中箭头函数与this的写法和理解
2021/01/14 Javascript
[02:44]完美大师赛主赛事淘汰赛第二日观众采访
2017/11/24 DOTA
详解Python中的元组与逻辑运算符
2015/10/13 Python
在Python中使用AOP实现Redis缓存示例
2017/07/11 Python
python with提前退出遇到的坑与解决方案
2018/01/05 Python
Django给admin添加Action的步骤详解
2019/05/01 Python
Pycharm保存不能自动同步到远程服务器的解决方法
2019/06/27 Python
Python ORM编程基础示例
2020/02/02 Python
python GUI库图形界面开发之PyQt5表单布局控件QFormLayout详细使用方法与实例
2020/03/06 Python
利用Python函数实现一个万历表完整示例
2021/01/23 Python
html5标记文字_动力节点Java学院整理
2017/07/11 HTML / CSS
代理商会议邀请函
2014/01/27 职场文书
党员干部三严三实心得体会
2014/10/13 职场文书
安全教育培训制度
2015/08/06 职场文书
五年级作文之学校的四季
2019/12/05 职场文书
教你怎么用Python selenium操作浏览器对象的基础API
2021/06/23 Python
python编程简单几行代码实现视频转换Gif示例
2021/10/05 Python
Java对文件的读写操作方法
2022/04/29 Java/Android