利用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 相关文章推荐
Prototype使用指南之form.js
Jan 10 Javascript
一个js实现的所谓的滑动门
May 23 Javascript
jquery select(列表)的操作(取值/赋值)
Mar 16 Javascript
javascipt:filter过滤介绍及使用
Sep 10 Javascript
js实现接收表单的值并将值拼在表单action后面的方法
Nov 23 Javascript
JavaScript中将数组进行合并的基本方法讲解
Mar 07 Javascript
ES6记录异步函数的执行时间详解
Aug 31 Javascript
jquery控制页面的展开和隐藏实现方法(推荐)
Oct 15 Javascript
js canvas仿支付宝芝麻信用分仪表盘
Nov 16 Javascript
JS打开摄像头并截图上传示例
Feb 18 Javascript
vue项目总结之文件夹结构配置详解
Dec 13 Javascript
JS+HTML5本地存储Localstorage实现注册登录及验证功能示例
Feb 10 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与MySQL开发中页面乱码的产生与解决
2008/03/27 PHP
PHP可变函数的使用详解
2013/06/14 PHP
PHP创建桌面快捷方式的实例代码
2014/02/17 PHP
PHP中error_reporting()用法详解
2015/08/31 PHP
thinkPHP模型初始化实例分析
2015/12/03 PHP
mac系统下为 php 添加 pcntl 扩展
2016/08/28 PHP
PHP JWT初识及其简单示例
2018/10/10 PHP
PHP unset函数原理及使用方法解析
2020/08/14 PHP
[IE&amp;FireFox兼容]JS对select操作
2007/01/07 Javascript
jquery 单击li防止重复加载的实现代码
2010/12/24 Javascript
关于js注册事件的常用方法
2013/04/03 Javascript
详解jquery uploadify 上传文件
2013/11/09 Javascript
JS实现关键字搜索时的相关下拉字段效果
2014/08/05 Javascript
浅谈JavaScript function函数种类
2014/12/29 Javascript
jQuery左侧大图右侧小图焦点图幻灯切换代码分享
2015/08/19 Javascript
javascript定义类和类的实现实例详解
2015/12/01 Javascript
vue input输入框模糊查询的示例代码
2018/05/22 Javascript
Vue+element 解决浏览器自动填充记住的账号密码问题
2019/06/11 Javascript
微信小程序实现购物车小功能
2020/12/30 Javascript
django实现用户登陆功能详解
2017/12/11 Python
Python读写docx文件的方法
2018/05/08 Python
解决pycharm工程启动卡住没反应的问题
2019/01/19 Python
python实现QQ空间自动点赞功能
2019/04/09 Python
Python面向对象之类和实例用法分析
2019/06/08 Python
python求一个字符串的所有排列的实现方法
2020/02/04 Python
Pytest参数化parametrize使用代码实例
2020/02/22 Python
简单了解pytest测试框架setup和tearDown
2020/04/14 Python
资深生产主管自我评价
2013/09/22 职场文书
法学院方阵解说词
2014/01/29 职场文书
节能环保口号
2014/06/12 职场文书
学校安全教育月活动总结
2014/07/07 职场文书
八项规定对照检查材料
2014/08/31 职场文书
法学专业毕业实习自我鉴定2014
2014/09/27 职场文书
老人再婚离婚协议书范本
2014/10/27 职场文书
关于幸福的感言
2015/08/03 职场文书
Python批量解压&压缩文件夹的示例代码
2022/04/04 Python