利用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清空数组元素的两种方法简单比较
Jul 10 Javascript
JavaScript实现点击按钮字体放大、缩小
Feb 29 Javascript
详解JavaScript中|单竖杠运算符的使用方法
May 23 Javascript
js学习总结_轮播图之渐隐渐现版(实例讲解)
Jul 17 Javascript
浅谈Emergence.js 检测元素可见性的 js 插件
Nov 18 Javascript
C#实现将一个字符转换为整数
Dec 12 Javascript
基于js 各种排序方法和sort方法的区别(详解)
Jan 03 Javascript
原生JS实现网页手机音乐播放器 歌词同步播放的示例
Feb 02 Javascript
9102年webpack4搭建vue项目的方法步骤
Feb 20 Javascript
Node.js API详解之 zlib模块用法分析
May 19 Javascript
浅析JavaScript 函数防抖和节流
Jul 13 Javascript
仿照Element-ui实现一个简易的$message方法
Sep 14 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
excellent!――ASCII Art(由目标图象生成ascii)
2007/02/20 PHP
php生成缩略图示例代码分享(使用gd库实现)
2014/01/20 PHP
thinkPHP中session()方法用法详解
2016/12/08 PHP
PHP执行普通shell命令流程解析
2020/08/24 PHP
JS实现程序暂停与继续功能代码解读
2013/10/10 Javascript
Javascript中call的两种用法实例
2013/12/13 Javascript
火狐下input焦点无法重复获取问题的解决方法
2014/06/16 Javascript
bootstrap改变按钮加载状态
2014/12/01 Javascript
jQuery中siblings()方法用法实例
2015/01/08 Javascript
JS实现点击按钮自动增加一个单元格的方法
2015/03/09 Javascript
JS实现快速的导航下拉菜单动画效果附源码下载
2016/11/01 Javascript
使用bootstrap插件实现模态框效果
2017/05/10 Javascript
Bootstrap输入框组件使用详解
2017/06/09 Javascript
详解layui弹窗父子窗口之间传参数的方法
2018/01/16 Javascript
浅谈webpack-dev-server的配置和使用
2018/05/17 Javascript
Vue用v-for给循环标签自身属性添加属性值的方法
2018/10/18 Javascript
ES6顶层对象、global对象实例分析
2019/06/14 Javascript
开源一个微信小程序仪表盘组件过程解析
2019/07/30 Javascript
在vue-cli3.0 中使用预处理器 (Sass/Less/Stylus) 配置全局变量操作
2020/08/10 Javascript
简单的连接MySQL与Python的Bottle框架的方法
2015/04/30 Python
在SAE上部署Python的Django框架的一些问题汇总
2015/05/30 Python
Python批量合并有合并单元格的Excel文件详解
2018/04/05 Python
Selenium 模拟浏览器动态加载页面的实现方法
2018/05/16 Python
如何在Python中实现goto语句的方法
2019/05/18 Python
pygame库实现俄罗斯方块小游戏
2019/10/29 Python
500行python代码实现飞机大战
2020/04/24 Python
用sleep间隔进行python反爬虫的实例讲解
2020/11/30 Python
德国狗狗用品在线商店:Schecker
2017/03/17 全球购物
Converse匡威法国官网:美国著名帆布鞋品牌
2018/12/05 全球购物
固特异美国在线轮胎店:Goodyear Tire
2019/02/23 全球购物
触发器(trigger)的功能都有哪些?写出一个触发器的例子
2012/09/17 面试题
Java模拟试题
2014/11/10 面试题
上海世博会口号
2014/06/19 职场文书
高中生旷课检讨书
2014/10/08 职场文书
诉讼代理人授权委托书
2014/10/11 职场文书
springboot 自定义配置 解决Boolean属性不生效
2022/03/18 Java/Android