利用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 03 Javascript
jQuery ready函数滥用分析
Feb 16 Javascript
日历查询的算法 如何计算某一天是星期几
Dec 12 Javascript
jquery js 重置表单 reset()具体实现代码
Aug 05 Javascript
javascript实现下拉提示选择框
Dec 29 Javascript
JS正则表达式修饰符中multiline(/m)用法分析
Dec 27 Javascript
基于angular-utils-ui-breadcrumbs使用心得(分享)
Nov 03 Javascript
Node.js 使用AngularJS的方法示例
May 11 Javascript
SVG实现时钟效果
Jul 17 Javascript
Vue+Element实现表格编辑、删除、以及新增行的最优方法
May 28 Javascript
在vue中使用Echarts利用watch做动态数据渲染操作
Jul 20 Javascript
JavaScript canvas实现文字时钟
Jan 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
基于mysql的bbs设计(五)
2006/10/09 PHP
Memcached常用命令以及使用说明详解
2013/06/27 PHP
php 使用file_get_contents读取大文件的方法
2014/11/13 PHP
php源码 fsockopen获取网页内容实例详解
2016/09/24 PHP
PHP数据分析引擎计算余弦相似度算法示例
2017/08/08 PHP
php curl批处理实现可控并发异步操作示例
2018/05/09 PHP
javascript中的变量是传值还是传址的?
2010/04/19 Javascript
Html中JS脚本执行顺序简单举例说明
2010/06/19 Javascript
用Javascript实现Windows任务管理器的代码
2012/03/27 Javascript
JavaScript极简入门教程(二):对象和函数
2014/10/25 Javascript
jquery插件jquery.nicescroll实现图片无滚动条左右拖拽的方法
2015/08/10 Javascript
jQuery实现的类似淘宝网站搜索框样式代码分享
2015/08/24 Javascript
jQuery Validate插件实现表单验证
2016/08/19 Javascript
jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)
2016/09/08 Javascript
打造自己的jQuery插件入门教程
2016/09/23 Javascript
JS触摸与手势事件详解
2017/05/09 Javascript
Vue-resource拦截器判断token失效跳转的实例
2017/10/27 Javascript
Python转换HTML到Text纯文本的方法
2015/01/15 Python
Python排序算法之选择排序定义与用法示例
2018/04/29 Python
python matplotlib 在指定的两个点之间连线方法
2018/05/25 Python
python石头剪刀布小游戏(三局两胜制)
2021/01/20 Python
python常用数据重复项处理方法
2019/11/22 Python
用 Django 开发一个 Python Web API的方法步骤
2020/12/03 Python
Python 实现PS滤镜中的径向模糊特效
2020/12/03 Python
阿根廷旅游网站:almundo阿根廷
2018/02/12 全球购物
ProForm英国站点:健身房和健身器材网上商店
2019/06/05 全球购物
实习单位鉴定评语
2014/04/26 职场文书
2014年出纳工作总结与计划
2014/12/09 职场文书
2014年办公室文秘工作总结
2014/12/09 职场文书
高考诚信考试承诺书
2015/04/29 职场文书
百万英镑观后感
2015/06/09 职场文书
曾国藩励志经典名言37句,蕴含哲理
2019/10/14 职场文书
CSS实现两列布局的N种方法
2021/08/02 HTML / CSS
Redisson实现Redis分布式锁的几种方式
2021/08/07 Redis
分享提高 Python 代码的可读性的技巧
2022/03/03 Python
MySql按时,天,周,月进行数据统计
2022/08/14 MySQL