利用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 Event学习第九章 鼠标事件
Feb 08 Javascript
jQuery插件原来如此简单 jQuery插件的机制及实战
Feb 07 Javascript
深入领悟JavaScript中的面向对象
Nov 18 Javascript
Javascript 浮点运算精度问题分析与解决
Mar 26 Javascript
JS完整获取IE浏览器信息包括类型、版本、语言等等
May 22 Javascript
javascript闭包(Closure)用法实例简析
Nov 30 Javascript
JQuery实现网页右侧随动广告特效
Jan 17 Javascript
javascirpt实现2个iframe之间传值的方法
Jun 30 Javascript
点击页面任何位置隐藏div的实现方法
Sep 05 Javascript
JavaScript实现瀑布流以及加载效果
Feb 11 Javascript
详解element-ui表格中勾选checkbox,高亮当前行
Sep 02 Javascript
JavaScript对象原型链原理详解
Feb 05 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下获取上个月、下个月、本月的日期(strtotime,date)
2014/02/02 PHP
PHP使用Mysql事务实例解析
2014/09/08 PHP
php开启与关闭错误提示适用于没有修改php.ini的权限
2014/10/16 PHP
ThinkPHP框架搭建及常见问题(XAMPP安装失败、Apache/MySQL启动失败)
2016/04/15 PHP
PHP实现深度优先搜索算法(DFS,Depth First Search)详解
2017/09/16 PHP
实现超用户体验 table排序javascript实现代码
2009/06/22 Javascript
使用按钮控制以何种方式打开新窗口的属性介绍
2012/12/17 Javascript
JS复制到剪贴板示例代码
2013/10/30 Javascript
JQuery中上下文选择器实现方法
2015/05/18 Javascript
jQuery实现的个性化返回底部与返回顶部特效代码
2015/10/30 Javascript
AngularJS通过ng-Img-Crop实现头像截取的示例
2017/08/17 Javascript
几个你不知道的技巧助你写出更优雅的vue.js代码
2018/06/11 Javascript
Vue触发式全局组件构建的方法
2018/11/28 Javascript
python time模块用法实例详解
2014/09/11 Python
python利用高阶函数实现剪枝函数
2018/03/20 Python
关于Python的一些学习总结
2018/05/25 Python
vue.js实现输入框输入值内容实时响应变化示例
2018/07/07 Python
Python3.5内置模块之random模块用法实例分析
2019/04/26 Python
python:按行读入,排序然后输出的方法
2019/07/20 Python
python数据类型之间怎么转换技巧分享
2019/08/20 Python
python3.8 微信发送服务器监控报警消息代码实现
2019/11/05 Python
详解Python中的format格式化函数的使用方法
2019/11/20 Python
python实现高斯(Gauss)迭代法的例子
2019/11/20 Python
浅谈Python 钉钉报警必备知识系统讲解
2020/08/17 Python
如何使用Django Admin管理后台导入CSV
2020/11/06 Python
python自动化发送邮件实例讲解
2021/01/04 Python
HTML5拖放效果的实现代码
2016/11/17 HTML / CSS
打造经典复古风格的品牌:Alice + Olivia(爱丽丝+奥利维亚)
2016/09/07 全球购物
加拿大领先的冒险和户外零售商:Atmosphere
2017/12/19 全球购物
在校大学生自我评价范文
2014/09/12 职场文书
2015年幼儿园新年寄语
2014/12/08 职场文书
2016春节慰问信范文
2015/03/25 职场文书
创业计划书之水果店
2019/07/18 职场文书
创业计划书之DIY自助厨房
2019/09/06 职场文书
导游词之南京中山陵
2019/11/27 职场文书
Python学习之迭代器详解
2022/04/01 Python