`
- 浏览:
210915 次
- 性别:
- 来自:
广州
-
- <!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>
//这样也算是实现了 表现层和行为层分离的效果。
分享到：
相关推荐
button，radio等表单元素的默认事件 ， div 元素没有默认事件 例： 代码如下: 百度 代码如下: var samp = document.getElementByTagName(“a”); samp.addEventListener(“click”,function(e){e.preventDefault...
本文实例讲述了原生JS简单实现ajax的方法。分享给大家供大家参考，具体如下： HTML部分： <body> <input type=button value=Ajax提交 onclick=Ajax(); /> <div id=resText></div> </body> 这里...
实际JavaScript应该输入到JS_Button__mdt自定义元数据记录中，并输入到Script__c字段中，并与Script__c的名称相同。 回购包含两个用于Account和Contact的示例。 结果是，开箱即用，每个SObjectType仅支持一个按钮，...
这篇文章主要介绍了微信小程序button标签open-type属性原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 open-type (微信开放能力)：合法值中的其中之一...
ButtonGeneratorSampleApp 使用Vanilla HTML，CSS和Javascript的Button Generator示例应用程序 指示： 将项目克隆到本地工作区 打开index.html以运行该应用程序。 （无需服务器即可运行该Web应用程序！）
本篇文章就给大家分享关于JavaScript中onclick事件的用法。 我们首先来看一下onclick事件的语法 以下是如何使用onclick事件编写。 使用document.getElementById（）在文档中指定id元素，并使用function(){}处理单击...
onload事件当一个页面或是一张图片加载完成时被触发，在body上不仅可以用onload，而且还支持多个HTML标签.用法如下
1、在所编辑的页面，需要添加右键菜单的元素，绑定contextmenu事件 <template> <el-button size="medium" @contextmenu.prevent.native="openMenu($event)"> ...... </template> 2、在页面编写右键菜单内容...
PeerJS的简单对等连接示例这只是使用PeerJS进行Peer-to-Peer（WebRTC的简化）连接的简单示例，可以在其他项目中轻松采用。用法通过将Host-Button的ID插入输入字段并按下“ Go” -Button，可以使用Host-Button来显示...
本文实例讲述了JS回调函数简单用法。分享给大家供大家参考，具体如下： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title&...
样板相位器-ES2016 :fork_and_knife: 基于示例游戏。... :check_mark_button: 地图示例（在Tiled中构建） :check_mark_button: 静态目录： public/ :check_mark_button: 每个文件中每行最多80个字符！
本文实例讲述了JS实现简单的点赞与踩功能。分享给大家供大家参考，具体如下： HTML部分： 赞:<button id="btn_zan">0</button> 踩:<button id="btn_cai">0</button> JS部分： function ...
代码示例中的Chat.cshtml视图文件显示了如何使用SignalR jQuery库与SignalR集线器进行通信。代码中的基本任务是创建对集线器的自动生成代理的引用，声明服务器可以调用的将内容推送到客户端的功能，以及启动连接以将...
Vue使用formData格式类型上传文件的示例 在vue中，我们普遍是前后端分离项目，即需要使用axios等工具向后台发送请求实现对数据的操作。 其中，文件上传算是比较难的一种。这篇文章五分钟教会你上传文件。 1.如...
React Hook用法示例详解（6个常见hook） 用法示例： // 计数器 import { useState } from '... return ( <> 点击了{count}次</h1> <button onClick={() => setCount(count + 1)}>+1</button> </> ); } exp
本文实例讲述了JavaScript实现的简单加密解密操作。分享给大家供大家参考，具体如下： JavaScript实现对内容的加密和解密。加密，转成编码。解密则是编码转字符串。 <html> <head> <meta charset=...
前言 switch 这种表达式在很多语言中都有，比如java, C等待， 使用switch比使用if else 来得方便，来得清晰。 使用语法很简单： 代码如下: ... 在js 中， 是可以直接使用String 类型。 使用实例 代码如下: <!–Add b
1.事件流的区别 IE采用冒泡型事件 Netscape使用捕获型事件 DOM使用先捕获后冒泡型事件 示例： 代码如下: <body> <div> <button>点击这里</button> </div> </body> 冒泡型事件模型： button-...
–创建一个JS调用button的click事件–> [removed] function JsListChangeItem() { document.getElementById(“buttonShow”).click(); } [removed] <!–创建一个隐藏的button，创建双击事件—> ”buttonShow” ...
javascript-hello-world JavaScript是一种脚本化计算机编程语言，通常用于在Web浏览器中创建交互效果。 该示例文件将显示“ Hello World！”。 单击该按钮时出现的消息。脚步创建一个新HTML文件，并将其命名为hello-...