利用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 16 Javascript
禁止选中文字兼容IE、Chrome、FF等
Sep 04 Javascript
可插入图片的TEXT文本框
Dec 27 Javascript
new Date()问题在ie8下面的处理方法
Jul 31 Javascript
kindeditor编辑器点中图片滚动条往上顶的bug
Jul 05 Javascript
Javascript使用post方法提交数据实例
Aug 03 Javascript
关于JS 预解释的相关理解
Jun 28 Javascript
jQuery表单插件ajaxForm实例详解
Jan 17 Javascript
使用socket.io实现简单聊天室案例
Jan 02 Javascript
在 Angular中 使用 Lodash 的方法
Feb 11 Javascript
js Math数学简单使用操作示例
Mar 13 Javascript
vue props 一次传多个值实例
Jul 22 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中MD5函数使用实例代码
2008/06/07 PHP
DISCUZ 论坛管理员密码忘记的解决方法
2009/05/14 PHP
PHP+XML 制作简单的留言本 图文教程
2009/11/02 PHP
PHP设计模式之解释器模式的深入解析
2013/06/13 PHP
JavaScript Math.ceil() 函数使用介绍
2013/12/11 Javascript
两个select多选模式的选项相互移动(示例代码)
2014/01/11 Javascript
IE浏览器IFrame对象内存不释放问题解决方法
2014/08/22 Javascript
js计算德州扑克牌面值的方法
2015/03/04 Javascript
JavaScript实现复制文章自动添加版权
2016/08/02 Javascript
AngularJS实现使用路由切换视图的方法
2017/01/24 Javascript
xmlplus组件设计系列之树(Tree)(9)
2017/05/02 Javascript
Vue学习之路之登录注册实例代码
2017/07/06 Javascript
nodejs爬虫初试superagent和cheerio
2018/03/05 NodeJs
JavaScript对象拷贝与Object.assign用法实例分析
2018/06/20 Javascript
vue动画打包后失效问题的解决方法
2018/09/18 Javascript
一些手写JavaScript常用的函数汇总
2019/04/16 Javascript
微信小程序如何调用图片接口API并居中显示
2019/06/29 Javascript
微信小程序实现手势滑动卡片效果
2019/08/26 Javascript
JavaScript Array对象使用方法解析
2019/09/24 Javascript
原生js拖拽实现图形伸缩效果
2020/02/10 Javascript
Python可跨平台实现获取按键的方法
2015/03/05 Python
浅谈对yield的初步理解
2017/05/29 Python
python中requests和https使用简单示例
2018/01/18 Python
对numpy中向量式三目运算符详解
2018/10/31 Python
Python基于datetime或time模块分别获取当前时间戳的方法实例
2019/02/19 Python
Django获取应用下的所有models的例子
2019/08/30 Python
PyQt5 如何让界面和逻辑分离的方法
2020/03/24 Python
Python日志logging模块功能与用法详解
2020/04/09 Python
Python如何实现感知器的逻辑电路
2020/12/25 Python
HTML5实现一个能够移动的小坦克示例代码
2013/09/02 HTML / CSS
HTML5自定义视频播放器源码
2020/01/06 HTML / CSS
自我评价怎么写正确呢?
2013/12/02 职场文书
大学专科自荐信
2014/06/17 职场文书
违反学校规则制度检讨书
2015/01/01 职场文书
趣味运动会新闻稿
2015/07/17 职场文书
python 爬取华为应用市场评论
2021/05/29 Python