利用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 相关文章推荐
基于Jquery的文字滚动跑马灯插件(一个页面多个滚动区)
Jul 26 Javascript
javascript放大镜效果的简单实现
Dec 09 Javascript
JavaScript—window对象使用示例
Dec 09 Javascript
jquery实现标签上移、下移、置顶
Apr 26 Javascript
JavaScript实现仿淘宝商品购买数量的增减效果
Jan 22 Javascript
javascript对浅拷贝和深拷贝的详解
Oct 14 Javascript
vue自定义指令实现v-tap插件
Nov 03 Javascript
jQuery源码解读之extend()与工具方法、实例方法详解
Mar 30 jQuery
JS控制鼠标拒绝点击某一按钮的实例
Dec 29 Javascript
浅谈vue.js导入css库(elementUi)的方法
Mar 09 Javascript
微信小程序实现九宫格抽奖
Apr 15 Javascript
Angular封装表单控件及思想总结
Dec 11 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高级编程-函数-郑阿奇
2011/07/04 PHP
解析php框架codeigniter中如何使用框架的session
2013/06/24 PHP
PHP的error_reporting错误级别变量对照表
2014/07/08 PHP
thinkphp3.2.3版本的数据库增删改查实现代码
2016/09/22 PHP
ThinkPHP中create()方法自动验证实例
2017/04/26 PHP
php开发最强大的IDE编辑的phpstorm 2020.2配置Xdebug调试的详细教程
2020/08/17 PHP
js中符号转意问题示例探讨
2013/08/19 Javascript
AngularJs基本特性解析(一)
2016/07/21 Javascript
Angular 理解module和injector,即依赖注入
2016/09/07 Javascript
js 打开新页面在屏幕中间的实现方法
2016/11/02 Javascript
AngularJS开发教程之控制器之间的通信方法分析
2016/12/25 Javascript
解析JavaScript实现DDoS攻击原理与保护措施
2016/12/26 Javascript
javascript用rem来做响应式开发
2018/01/13 Javascript
浅谈ajax在jquery中的请求和servlet中的响应
2018/01/22 jQuery
[01:32]DOTA2 2015国际邀请赛中国区预选赛第四日战报
2015/05/29 DOTA
解读Django框架中的低层次缓存API
2015/07/24 Python
Fiddler如何抓取手机APP数据包
2016/01/22 Python
Django的用户模块与权限系统的示例代码
2019/07/24 Python
python中JWT用户认证的实现
2020/05/18 Python
Softmax函数原理及Python实现过程解析
2020/05/22 Python
Django数据模型中on_delete使用详解
2020/11/30 Python
发现两个有趣的CSS3动画效果
2013/08/14 HTML / CSS
意大利一家专营包包和配饰的网上商店:Borse Last Minute
2019/08/26 全球购物
学生实习自我鉴定
2013/10/11 职场文书
幸福家庭事迹材料
2014/02/03 职场文书
计算机毕业生求职信
2014/06/10 职场文书
体育口号大全
2014/06/18 职场文书
2014年小班保育员工作总结
2014/12/23 职场文书
导游词400字
2015/02/13 职场文书
《大禹治水》教学反思
2016/02/22 职场文书
商业计划书范文
2019/04/24 职场文书
年终工作总结范文
2019/06/20 职场文书
写给消防战士们的一封慰问信
2019/10/07 职场文书
有趣的二维码:使用MyQR和qrcode来制作二维码
2021/05/10 Python
电脑无法安装Windows 11怎么办?无法安装Win11的解决方法
2021/11/21 数码科技
win10频率超出范围怎么办?win10老显示超出工作频率范围的解决方法
2022/07/07 数码科技