常用于页面交互的JavaScript的一些技巧分析

JavaScript是用于页面交互的一种技术，它能控制页面元素并进行操作。下面接单的介绍checkbox的一些常用。

我们以下图为例：

用户可以对其中的记录进行修改和删除，但是修改只能选中一条记录，而删除则可以对多条记录进行。这就要用到javaScript页面交互。

以响应修改事件函数为例，代码如下:

1. 对于页面中物料代码前面的checkbox代码如下：<input type="checkbox" name="selectFlag" class="checkbox1">

2. 其中的’全选’按钮的响应事件代码如下：

//checkbox‘全选’与‘全不选’函数function checkAll() {var checkBoxs = document.getElementsByName("selectFlag");for(var i = 0;i<checkBoxs.length;i++){checkBoxs[i].checked=document.getElementById("ifAll").checked;}

下面是’删除’事件的响应代码：

function delete () {//遍历所有的checkbox选项var a = document.getElementsByName("selectFlag");var flag = false;for(var i=0;i<a.length;i++){if(a[i].checked==true){flag = true;break;}}//根据遍历以后的标识符来判断是否有要删除的if(flag==false){alert("请选择要删除的物料!");return;}//提示用户是否要确认删除if(window.confirm("确认要删除选中的物料?")){with(document.getElementById("ItemForm")){method="post";action="item_delete.jsp";submit();}}}

  这就是checkbox的一个简单应用。

转载于:https://www.cnblogs.com/java-source/archive/2010/09/02/2604344.html

常用于页面交互的JavaScript的一些技巧分析相关推荐

layer中嵌套的页面如何操作父页面_layui框架中layer父子页面交互详细解说
本文主要介绍了layui框架中layer父子页面交互的方法,结合实例形式分析了layer父子页面交互的常用技巧以及layer弹出多个iframe找到父页面的操作方法,需要的朋友可以参考下,希望给大家的 ...
WEB前后端交互原型通用元件库、常用组件、信息输出、信息输入、信息反馈、综合系列、页面交互、首页、分类页、内容详情、用户中心、注册登录、找回密码、元件库、web元件库、rplib、axure
WEB前后端交互原型通用元件库.常用组件.信息输出.信息输入.信息反馈.综合系列.页面交互.首页.分类页.内容详情.用户中心.注册登录.找回密码.元件库.web元件库.rplib.axure原型 we ...
javascript 获取滚动条高度+常用js页面宽度与高度
javascript 获取滚动条高度+常用js页面宽度与高度/ ********************* 取窗口滚动条高度****************** / function getScrol ...
HTML5期末大作业：动漫网站设计——迪斯尼公主(6个页面) HTML+CSS+JavaScript 动漫网页HTML代码学生网页课程设计期末作业下载动漫大学生网页设计制作成
HTML5期末大作业:动漫网站设计--迪斯尼公主(6个页面) HTML+CSS+JavaScript 动漫网页HTML代码学生网页课程设计期末作业下载动漫大学生网页设计制作成临近期末, 你还在为 ...
HTML5期末大作业：动漫网站设计——迪斯尼公主(6个页面) HTML+CSS+JavaScript 动漫网页HTML代码学生网页课程设计期末作业下载动漫大学生网页设计制作成...
HTML5期末大作业:动漫网站设计--迪斯尼公主(6个页面) HTML+CSS+JavaScript 动漫网页HTML代码学生网页课程设计期末作业下载动漫大学生网页设计制作成临近期末, 你还在为 ...
HTML5期末大作业：汽车销售网站模板设计(7个页面) HTML+CSS+JavaScript 企业网页设计源码
HTML5期末大作业:汽车销售网站模板设计(7个页面) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载大学生网页设计制作成临近期末, 你还在为HTML网 ...
php开发路由器界面,路由器Web页面交互Tips(示例代码)
路由器Web页面开发中基于cgi形式, 一个页面对应一个c语言文件,如 network-lan.c -> lan_setup.cgi wan.c -> wan.cgi 以network-l ...
PC端键盘热键如何与页面交互
什么是热键在交互设计中,快捷键和键盘热键是提高用户效率和提升用户体验的重要手段之一.在PC端应用和网页设计中,合理运用键盘热键可以帮助用户快速完成操作,提高工作效率和使用体验.本文将介绍PC端键盘热 ...
HTML5期末大作业：直播网站设计——仿在线媒体歪秀直播官网模板html源码(11个页面) HTML+CSS+JavaScript 期末作业HTML代码
HTML5期末大作业:直播网站设计--仿在线媒体歪秀直播官网模板html源码(11个页面) HTML+CSS+JavaScript 期末作业HTML代码临近期末, 你还在为HTML网页设计结课作业, ...
HTML5新增的9种常用的页面标签
在HTML5中,新增了9种常用的页面标签,详细介绍如下: 1．figure标签 figure标签是HTML5中新增的标签之一,表示一段独立的流内容(文本.图像). 在使用figure标签时,标签的内容 ...

常用于页面交互的JavaScript的一些技巧分析

常用于页面交互的JavaScript的一些技巧分析相关推荐

最新文章

热门文章