`
- 浏览:
220810 次
- 性别:
- 来自:
广州
-
- <!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>
//这样也算是实现了 表现层和行为层分离的效果。
分享到：
相关推荐
在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，主要用于创建具有丰富用户体验的...