利用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 jQuery中的DOM操作
Mar 21 Javascript
基于jQuery的弹出消息插件 DivAlert之旅(一)
Apr 01 Javascript
Jquery解析json数据详解
Dec 26 Javascript
JavaScript中字符串(string)转json的2种方法
Jun 25 Javascript
Javascript 字符串模板的简单实现
Feb 13 Javascript
浅谈js中的延迟执行和定时执行
May 31 Javascript
多功能jQuery树插件zTree实现权限列表简单实例
Jul 12 Javascript
vue2.0.js的多级联动选择器实现方法
Feb 09 Javascript
200行代码实现blockchain 区块链实例详解
Mar 14 Javascript
Vue组件全局注册实现警告框的实例详解
Jun 11 Javascript
AngularJs1.x自定义指令独立作用域的函数传入参数方法
Oct 09 Javascript
如何使用原生Js实现随机点名详解
Jan 06 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乱码问题,UTF-8乱码常见问题小结
2012/04/09 PHP
PHP加Nginx实现动态裁剪图片方案
2014/03/10 PHP
php实现的一段简单概率相关代码
2016/05/30 PHP
IE和Firefox下javascript的兼容写法小结
2008/12/10 Javascript
js各种验证文本框输入格式(正则表达式)
2010/10/22 Javascript
JQUERY 实现窗口滚动搜索框停靠效果(类似滚动停靠)
2013/03/27 Javascript
jQuery淡入淡出元素让其效果更为生动
2014/09/01 Javascript
JQUERY简单按钮轮换选中效果实现方法
2015/05/07 Javascript
js+css3实现旋转效果
2017/01/20 Javascript
nodejs搭建本地服务器并访问文件的方法
2017/03/03 NodeJs
配置node服务器并且链接微信公众号接口配置步骤详解
2019/06/21 Javascript
viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)
2020/04/01 jQuery
从零开始在vue-cli4配置自适应vw布局的实现
2020/06/08 Javascript
vue中echarts图表大小适应窗口大小且不需要刷新案例
2020/07/19 Javascript
在vue中实现echarts随窗体变化
2020/07/27 Javascript
[46:21]Liquid vs LGD 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
python海龟绘图实例教程
2014/07/24 Python
用python实现简单EXCEL数据统计的实例
2017/01/24 Python
Python生成密码库功能示例
2017/05/23 Python
python将.ppm格式图片转换成.jpg格式文件的方法
2018/10/27 Python
浅谈Python程序的错误:变量未定义
2020/06/02 Python
简述python&amp;pytorch 随机种子的实现
2020/10/07 Python
Python-split()函数实例用法讲解
2020/12/18 Python
英国家用电器折扣网站:Electrical Discount UK
2018/09/17 全球购物
复核员上岗演讲稿
2014/01/05 职场文书
公司授权委托书
2014/04/04 职场文书
实习单位鉴定评语
2014/04/26 职场文书
法律专业求职信
2014/05/24 职场文书
市级青年文明号申报材料
2014/05/26 职场文书
理财学专业自荐书
2014/06/28 职场文书
婚前协议书标准版
2014/10/19 职场文书
先进班集体事迹材料
2014/12/25 职场文书
python tkinter模块的简单使用
2021/04/07 Python
Javascript中Microtask和Macrotask鲜为人知的知识点
2022/04/02 Javascript
详解Vue3使用axios的配置教程
2022/04/29 Vue.js
MySql数据库 查询时间序列间隔
2022/05/11 MySQL