`
- 浏览:
219555 次
- 性别:
- 来自:
广州
-
- <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <htmlxmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title></title>
- <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
- <scripttype="text/javascript">
- window.onload=function(){
- varbtn=document.getElementById("btn");
- btn.onclick=function(){
- vararrays=newArray();
- varitems=document.getElementsByName("check");
- for(i=0;i<items.length;i++){
- if(items[i].checked){
- arrays.push(items[i].value);
- }
- }
- alert("选中的个数为:"+arrays.length);
- }
- }
- </script>
- </head>
- <body>
- <formmethod="post"action="#">
- <inputtype="checkbox"value="1"name="check"checked="checked"/>
- <inputtype="checkbox"value="2"name="check"/>
- <inputtype="checkbox"value="3"name="check"checked="checked"/>
- <inputtype="button"value="你选中的个数"id="btn"/>
- </form>
- </body>
- </html>
//这样也算是实现了 表现层和行为层分离的效果。
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
在JavaScript中,事件(Events)是用户或浏览器与页面交互时触发的特定动作,比如点击按钮、按下键盘上的键或者移动鼠标。本文将详细介绍如何使用JavaScript处理HTML事件、键盘事件和鼠标事件。 ### HTML事件处理 ...
在探讨“javascript禁用button 10秒钟”的技术细节前,我们先理解这一需求的核心——在用户界面上,为了防止用户连续点击按钮导致不必要的请求或操作,或是为了确保用户有足够的时间阅读某些重要信息(如服务条款)...
JavaScript事件冒泡是Web开发中的一个关键概念,它在网页交互和动态效果中扮演着重要角色。事件冒泡源于浏览器处理事件的方式,当一个事件(如点击、鼠标移动等)在一个元素上触发时,该事件会自底向上沿着DOM树...
在ASP.NET开发环境中,Visual Studio (VS) 提供了丰富的功能来处理用户交互,特别是针对按钮(Button)的点击事件。按钮点击事件分为两种主要类型:客户端点击事件和服务器端点击事件,这两种事件都可以用于不同的...
在本示例“Ext2_Button”中,我们将聚焦于ExtJS 2.x版本中的按钮(Button)组件,它是ExtJS用户界面中的一个重要元素。 按钮组件在ExtJS中扮演着各种角色,如触发事件、导航、提交表单等。让我们深入了解一下ExtJS ...
在JavaScript中,`touchstart`事件和`click`事件在移动设备上可能存在冲突,这个问题主要出现在需要同时兼容PC和移动设备的Web应用中。在移动设备上,由于触摸屏的操作特性,`touchstart`事件在用户手指触碰屏幕时...
在本文中,我们将深入探讨如何在Qt6 QML中创建一个JavaScript控制台示例,以及相关的编程技术。QML(Query Markup Language)是Qt框架的一部分,用于构建用户界面,而JavaScript则是QML中的主要脚本语言,用于实现...
本文将详细介绍如何使用原生JavaScript (JS) 和 jQuery 来阻止事件冒泡,并通过实际示例加深理解。 #### 二、JS 阻止事件冒泡的方法 ##### 1. 原生JS阻止事件冒泡 在原生JS中,阻止事件冒泡可以通过以下两种方式...
下面将详细介绍.NET中的WebSocket实现以及在给定的示例中需要注意的关键点。 首先,让我们从服务端开始。在.NET控制台程序中,我们可以创建一个WebSocket服务器,监听特定端口并处理连接请求。以下是一个简单的...
在这个示例中,我们可能有一个包含不同皮肤样式的CSS文件集,每个文件对应一种独特的设计主题。 1. **HTML结构**:网页的基础结构应包含用于切换样式的元素,如按钮或下拉菜单。这些元素通常会触发JavaScript事件,...
在这个.NET AJAX示例中,我们有两个主要文件:AjaxTest.aspx和AjaxTest.aspx.cs。前者是ASP.NET的网页文件,后者是对应的C#后台代码文件。 1. **AjaxTest.aspx**: 这个文件通常包含HTML标记和嵌入的脚本,用于...
在这个示例中,`changeably_button`可能是一个包含HTML、CSS和JavaScript文件的目录,用于展示这个动态按钮效果。HTML文件会定义按钮元素并关联JavaScript脚本;CSS文件则负责初始化按钮的基本样式;JavaScript文件...
### JS禁止页面使用右键(简单示例代码) 在网页开发过程中,有时为了保护网站上的内容不被轻易复制或者出于用户体验的考虑,开发者可能会选择禁止用户在页面上使用右键。这种做法虽然不能完全阻止技术手段较高的...
在这个“ajax 简单示例”中,我们将探讨如何手写Ajax代码,以及如何在Java后端如Struts框架中配合使用。 首先,让我们看看**手写Ajax代码**的基本结构。通常,一个简单的Ajax请求由以下几个部分组成: 1. **创建...
这个示例展示了如何使用HTML、CSS和JavaScript创建一个简单的待办事项(To-Do List)应用。该应用程序允许用户添加、标记完成和删除待办事项。通过这个示例,你可以了解HTML结构、CSS 代码解析 1. HTML部分: input...
在示例中,我们创建了一个名为`app`的Vue实例,通过`el`属性将其挂载到`#app`的DOM元素上。在实例的数据对象中,有一个名为`num`的属性,用于存储计数器的值。 ```javascript var app = new Vue({ el: '#app', ...
在这个改进版的示例中,我们使用`querySelectorAll`选择所有`<button>`元素,并通过`forEach`遍历它们。每个按钮的点击事件处理程序都会弹出一个警告框,显示按钮的序号。 总结来说,通过JavaScript,我们可以轻松...
JavaScript(简称JS)是一种轻量级的解释型编程...以上只是JS编程中的一部分关键知识点,JS还有模块系统、事件驱动、错误处理、正则表达式等多个方面,通过不断学习和实践JS代码示例,可以逐步掌握这门强大的脚本语言。
此外,为了更好地理解和使用JavaScript事件,你可以参考这个在线查询工具:[javascript事件与功能说明大全](http://tools.jb51.net/table/javascript_event),它汇总了JS常用的事件类型和函数功能,对开发者来说是个...
在本示例中,我们将深入探讨如何实现这种交互,并通过具体的步骤来理解其工作原理。 首先,Flex是一个开源的富互联网应用程序(RIA)框架,它基于ActionScript编程语言和Flex SDK,主要用于创建具有丰富用户体验的...