大家好,等会我说的大家可能都已经遇到过了,也或许没有遇到过,再或许没有从这方面考虑过.接下来我们通过一个小例子来说明一下。
我们在每个项目中,几乎都会用到[checkbox]组件。比如批量删除,批量审核等等...,举个简单的例子,如下图:
这是一个简单的批量删除演示,大家可以看到其中"李四"和"刘六"二人是禁止删除的,因为其对应的checkbox组件是禁用的。此我们稍微考虑一下,我们能否在浏览器端将李四对应的checkbox修改成可用。如果能那显然就破坏了正常的业务逻辑和系统的安全性,当然有人会说我会在后台验证,对没错!但我们今天只是拿来讨论一下前台的东西*^_^*
大家肯定都晓得可用在地址栏直接运行js代码,不过大家有想过通过在地址栏运行的js代码来改变页面中某些组件的状态或者value吗?
我们先看一下对应上面那个批量删除的HTML代码:
xml 代码
- a href="#">添加a> <a href="#">删除a>
- <hr size="1" width="100%">
- <input id="isDel" type="checkbox" value="张三"> 张三 男 石家庄 本科<br>
- <input id="isDel" type="checkbox" value="李四" disabled="disabled"> 李四 女 太原市 专科<br>
- <input id="isDel" type="checkbox" value="王五"> 王五 女 北京市 硕士<br>
- <input id="isDel" type="checkbox" value="刘六" disabled="disabled"> 刘六 男 石家庄 博士<br>
我们可用看到checkbox的id为[isDel],此时我便可用通过id在地址栏得到该对象。比如我们使用document.all.isDel来得到的是一个数组,包含了上面四个checkbox,同样我们也可以得到具体的某个checkbox。比如document.all.isDel[1],用这句代码来得到对应李四的checkbox,因为数组下标是从零开始的。如图:
我们在得到该对象之后想再修改其状态或修改它的value就易如反掌,我们只需运行alert(document.all.isDel[1].disabled="") ;就可用将李四的禁止删除状态改为可用删除状态,如图:
这样看来李四就可用删除了,当然,前提是你后台的验证不是很完善的情况下,所以这也对我们的后台验证提出了更高的要求。这里说明一下在地址栏运行javascript的时候一定使用alert语句,呵呵,如果不使用的话可用自己试一下效果。
写这篇短文也没有别的意思,就是想和大家讨论交流一下类似的问题,像这种情况举一反三可用落实到很多具体的场景,也不仅仅局限于checkbox这种组件。如果有业内的大牛对这方面有研究那就和我们分享一下吧。
谢谢您耐心看完此文。
分享到:
相关推荐
JavaScript气象业务系统源码,根据需求完善对应的功能,做到尽可能的覆盖气象业务的需求。 JavaScript气象业务系统源码,根据需求完善对应的功能,做到尽可能的覆盖气象业务的需求。JavaScript气象业务系统源码,...
浅谈javascript中的加减时间.doc
浅谈JavaScript对象之教学 本文旨在探讨JavaScript对象的教学要点,旨在帮助高职软件技术专业的学生更好地理解和掌握JavaScript语言。文章从对象的概念、使用原生对象、原型链的理解、自定义对象的创建和新的语法...
"浅谈用HTML和JavaScript修饰Web页.pdf" 本文主要讨论如何使用HTML和JavaScript修饰Web页,提高Web页的交互性和用户体验。HTML是静态网页的基础,而JavaScript可以使网页更加交互性。文章首先介绍了HTML的基本概念...
"浅谈关于JavaScript脚本语言的学习" JavaScript脚本语言的基本特点: 1. 简单性:JavaScript是一种解释性语言,不需要提前进行编译,在程序运行过程中由浏览器边解释边执行,因此不需要额外的运行环境。 2. 跨...
根据提供的文件信息,我们可以推断出这是一篇关于获取《深入浅出JavaScript》电子书的信息。下面我们将基于这个前提,围绕“深入浅出JavaScript”这一主题进行知识点的展开。 ### 深入浅出JavaScript概览 #### 一...
深入浅出JavaScript
浅谈javascript中this在事件中的应用.doc
浅谈javascript中的call、apply、bind.doc
总的来说,深入浅出JavaScript源代码的学习涵盖了语言基础、面向对象、异步编程、DOM操作以及新特性的应用等多个方面。通过系统学习和实践,开发者不仅能理解JavaScript的工作原理,还能掌握编写高效、可维护代码的...
### JavaScript深入浅出 #### 一、前言与概述 《JavaScript深入浅出》是一本致力于帮助读者深入了解JavaScript编程语言的书籍。JavaScript作为现代Web开发不可或缺的一部分,其重要性不言而喻。本书通过深入浅出的...
"浅谈JavaScript库——jQuery,ExtJs的对比研究.pdf" 本文简要介绍了目前流行的JavaScript库,并对其中较为流行的两个库jQuery和ExtJs进行了较详细的介绍和对比研究。本文首先简要介绍了JavaScript库的概念和特点,...
引用类型(Reference type)引用类型是javascript中一种内部类型。它主要是当做一个指代,代替一个变量或者函数,当然在需要真实值时,又可以通过它寻找到真实值。 2.引用类型的结构引用类型的值时由两部分构成,一...
3. **安全性能**:JavaScript运行在客户端,不会直接访问服务器文件系统,确保了用户数据的安全。 4. **嵌入式**:JavaScript代码可以直接嵌入HTML文档中,便于网页开发和维护。 在网页中添加JavaScript主要有两种...
标题:“浅谈jQuery的应用” 知识点: 1. jQuery简介:jQuery是一个继prototype之后的优秀JavaScript框架,由John Resig创建于2006年初。它简化了JavaScript以及Ajax编程,以“write less, do more”为宗旨,用更...
• 第一部分 JavaScript的重要性 • 第二部分 JavaScript的信息收集 • 第三部分 JavaScript的前端加密 • 第四部分 JavaScript的混淆与反混淆
浅谈JavaScript语言中文档节点访问技术 在本文中,我们将探讨JavaScript语言中文档节点访问技术的相关知识点。节点访问是JavaScript语言中的一种基本技术,用于访问和操作HTML文档中的元素。下面是节点访问技术的...
"深入浅出JavaScript" 是一套专门针对JavaScript初学者和进阶者设计的学习资料,旨在帮助读者全面理解这门语言,并通过实例加深对概念的理解。这本书的中文版——"Head First JavaScript",以其独特的视觉和互动式...
深入浅出Javascript 深入浅出Javascript