利用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 添加和移除函数的通用方法
Oct 20 Javascript
jquery 事件对象属性小结
Apr 27 Javascript
Prototype源码浅析 String部分(二)
Jan 16 Javascript
js获取input标签的输入值实现代码
Aug 05 Javascript
jQuery实现数秒后自动提交form的方法
Mar 05 Javascript
实例详解jQuery结合GridView控件的使用方法
Jan 04 Javascript
javascript html实现网页版日历代码
Mar 08 Javascript
WebStorm ES6 语法支持设置&amp;babel使用及自动编译(详解)
Sep 08 Javascript
详解Angular cli配置过程记录
Nov 07 Javascript
three.js利用卷积法如何实现物体描边效果
Nov 27 Javascript
node.js中 redis 的安装和基本操作示例
Feb 10 Javascript
Javascript组合继承方法代码实例解析
Apr 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代码判断设备是手机还是平板电脑(两种方法)
2015/10/19 PHP
php分页原理 分页代码 分页类制作教程
2016/09/23 PHP
Zend Framework使用Zend_Loader组件动态加载文件和类用法详解
2016/12/09 PHP
PHP封装curl的调用接口及常用函数详解
2018/05/31 PHP
php微信公众号开发之关键词回复
2018/10/20 PHP
用javascript获得地址栏参数的两种方法
2006/11/08 Javascript
javascritp实现input输入框相关限制用法
2007/06/29 Javascript
$.get获取一个文件的内容示例代码
2013/09/11 Javascript
三种取消选中单选框radio的方法
2014/09/09 Javascript
jquery搜索框效果实现方法
2015/01/16 Javascript
jQuery中innerHeight()方法用法实例
2015/01/19 Javascript
元素绑定click点击事件方法
2015/06/08 Javascript
JS如何判断是否为ie浏览器的方法(包括IE10、IE11在内)
2015/12/13 Javascript
js实现的下拉框二级联动效果
2016/04/30 Javascript
js获取新浪天气接口的实现代码
2016/06/06 Javascript
深入理解JavaScript 函数
2016/06/06 Javascript
DOM操作和jQuery实现选项移动操作的简单实例
2016/06/07 Javascript
vue.js入门教程之绑定class和style样式
2016/09/02 Javascript
Vue.JS入门教程之事件监听
2016/12/01 Javascript
vue mint-ui学习笔记之picker的使用
2017/10/11 Javascript
微信小程序页面间值传递的两种方法
2018/11/26 Javascript
node.js实现微信开发之获取用户授权
2019/03/18 Javascript
node省市区三级数据性能测评实例分析
2019/11/06 Javascript
javascript 原型与原型链的理解及实例分析
2019/11/23 Javascript
vuex实现购物车功能
2020/06/28 Javascript
[03:44]2015国际邀请赛选手档案—Cloud9.NoTail
2015/07/28 DOTA
Python实现从订阅源下载图片的方法
2015/03/11 Python
Python控制Firefox方法总结
2019/06/03 Python
关于pytorch中网络loss传播和参数更新的理解
2019/08/20 Python
基于python爬取链家二手房信息代码示例
2020/10/21 Python
HTML5有哪些新特征
2015/12/01 HTML / CSS
美国最受欢迎的童装品牌之一:The Children’s Place
2016/07/23 全球购物
Java语言的优势
2015/01/10 面试题
学校捐款活动总结
2015/05/09 职场文书
网络研修心得体会
2016/01/08 职场文书
用Python爬取某乎手机APP数据
2021/06/15 Python