javascript获取所有同类checkbox选项(实例代码)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function getChecked() {
alert(document.getElementsByName("id").length);
var owner=document.getElementsByName("id").item;
for (i = 0; i < document.getElementsByName("id").length; i++) {
if(document.getElementsByName("id")[i].checked){
alert(document.getElementsByName("id")[i].value);
}
}
}
</script>
</head>
<body>
<input type="checkbox" name="id" class="cbox" value="1" checked="checked"/>
<input type="checkbox" name="id" class="cbox" value="2" />
<input type="checkbox" name="id" class="cbox" value="3" />
<input type="checkbox" name="id" class="cbox" value="4" />
<input type="button" onclick="getChecked()" value="差卡巴"/>
</body>
</html>
相关推荐
-
Javascript 实现TreeView CheckBox全选效果
复制代码 代码如下: function OnTreeNodeChecked() { var ele = event.srcElement; if (ele.type == 'checkbox') { var childrenDivID = ele.id.replace('CheckBox', 'Nodes'); var div = document.getElementById(childrenDivID); if (div != null) { var checkBoxs = div.getE
-
Javascript实现CheckBox的全选与取消全选的代码
本文介绍的方法,触发条件独立,可以全选或取消全选指定 name 的 CheckBox , 同一页面可以有多组供全选的 CheckBox ,功能健全,通用性较强. 效果图:运行查看效果: function checkAll(name) { var el = document.getElementsByTagName('input'); var len = el.length; for(var i=0; i 字母全选开关 a b c d e f g 数字全选开关 1 2 3 [Ctrl+A 全选 注
-
验证用户必选CheckBox控件与自定义验证javascript代码
CheckBox控件,由于它的值是选择与非选择.因此在提交数据时,想让用户必须选择CheckBox,普通情况之下,不好做验证. 但我们可以使用asp:CustomValidator来验证,不过还得写自定义验证Javascript代码,可参考如下: 复制代码 代码如下: function ValidateCheckBox(sender, args) { var checkbox = document.getElementById("<%=CheckBox1.ClientID %>&qu
-
javaScript checkbox 全选/反选及批量删除
前台代码 复制代码 代码如下: <script type="text/javascript"> var a; function CheckAll(){ if(a==1) { for(var i=0;i<window.document.form1.elements.length;i++) { var e = form1.elements[i]; e.checked =false; } a=0; } else { for(var i=0;i<window.docum
-
实现checkbox全选、反选、取消JavaScript小脚本异常
今天在实现checkbox全选,反选,取消JavaScript小脚本的时候,总是出现点击后页面瞬间刷新,选择的checkbox全部取消的问题,debug了半天,才发现原来是<button>标签中少写了一个type属性的原因,郁闷啊,希望自己以后少犯这种特别2的错误,特此记录. 复制代码 代码如下: <!-- 以下为错误写法 --> <button name="checkAll" value="全选" class="checkB
-
javascript实现checkBox的全选,反选与赋值
我们平时在做项目的时候,经常会遇到需要实现实现checkBox的全选,反选与赋值的情况,网上也有许多的范例,这里给大家分享的是本人常用的方法,推荐给大家. 复制代码 代码如下: //js 数值是否在数组中 Array.prototype.in_array = function(e){ for(i=0;i<this.length;i++){ if(this[i] == e) return true; } return false; } //js数组index Array.prototype.fin
-
JavaScript获取和设置CheckBox状态的简单方法
注意: 针对单个复选框的情况! 复制代码 代码如下: var obj = document.getElementById("tt");var value = obj.checked;alert(value);// 若选中,则返回true,否则返回falseobj.checked = false;// 设置复选框为不选中状态
-
javascript使用shift+click实现选择和反选checkbox的方法
本文实例讲述了javascript使用shift+click实现选择和反选checkbox的方法.分享给大家供大家参考.具体实现方法如下: var lastChecked = null; var handleChecked = function(e) { if(lastChecked && e.shiftKey) { var i = $('input[type="checkbox"]').index(lastChecked); var j = $('input[type
-
javascript实现checkbox全选的代码
代码: function checkall(checkNames){ var allBoxs = document.getElementsByName(checkNames); for(var i = 0 ;i<allBoxs.length;i++){ if(allBoxs[i].type == 'checkbox'){ if(allBoxs[i].checked==false){ allBoxs[i].checked = true ; }else{ allBoxs[i].checked = f
-
javascript获取所有同类checkbox选项(实例代码)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ
-
javascript获取鼠标位置部分的实例代码(兼容IE,FF)
复制代码 代码如下: var xPos; var yPos; document.onmousemove = mouseMove; function mouseMove(ev) { ev = ev window.event; var mousePos = mouseCoords(ev); xPos = mousePos.x; yPos = mousePos.y; } function mouseCoords(ev) { if (ev.pageX ev.pageY) { return { x: ev
-
纯JavaScript 实现flappy bird小游戏实例代码
前言: <flappy bird>是一款由来自越南的独立游戏开发者Dong Nguyen所开发的作品,游戏于2013年5月24日上线,并在2014年2月突然暴红.2014年2月,<Flappy Bird>被开发者本人从苹果及谷歌应用商店撤下.2014年8月份正式回归APP STORE,正式加入Flappy迷们期待已久的多人对战模式.游戏中玩家必须控制一只小鸟,跨越由各种不同长度水管所组成的障碍. 正文: 接下来就是一步一步来实现它 步骤1:页面布局,这儿就不多说了,页面内容如下:
-
JavaScript比较同一天的时间大小实例代码
在项目开发的过程中,有时候会遇到同一天内的时间大小比较,一般来说选择时间是通过插件实现的,但并不排除客户要求手动输入的情况. 那么,在应客户要求手动输入时间,并且需要进行时间大小比较的时候该如何实现呢?以下简单介绍我实现的方法步骤: 1.首先,获取用户输入的内容: 2.验证时间格式是否正确: 3.比较两个时间的大小(整理了三种比较时间的方法,详情请查看以下代码): 4.返回结果. 以下为示例代码,仅做参考: 1.获取用户输入的两个时间,并将用户输入的冒号全部替换为半角冒号,方便后续操作: var
-
浅析JS获取url中的参数实例代码
js获取url中的参数代码如下所示,代码简单易懂,附有注释,写的不好还请见谅! function UrlSearch() { var name, value; var str = location.href; //取得整个地址栏 var num = str.indexOf("?") str = str.substr(num + 1); //取得所有参数 stringvar.substr(start [, length ] var arr = str.split("&&
-
Javascript简单实现面向对象编程继承实例代码
本文讲述了Javascript简单实现面向对象编程继承实例代码.分享给大家供大家参考,具体如下: 面向对象的语言必须具备四个基本特征: 1.封装能力(即允许将基本数据类型的变量或函数放到一个类里,形成类的成员或方法) 2.聚合能力(即允许类里面再包含类,这样可以应付足够复杂的设计) 3.支持继承(父类可以派生出子类,子类拥有父母的属性或方法) 4.支持多态(允许同样的方法名,根据方法签名[即函数的参数]不同,有各自独立的处理方法) 这四个基本属性,javascript都可以支持,所以javasc
-
linux C++ 获取文件绝对路径的实例代码
提供ftp服务时需要获取文件绝对路径,这里记录一下. #include <stdlib.h> #include <stdio.h> #include <limits.h> int main(){ const char *file_name = "filename"; char abs_path_buff[PATH_MAX]; //获取文件路径, 填充到abs_path_buff //realpath函数返回: null表示获取失败; 否则返回指向ab
-
JavaScript用二分法查找数据的实例代码
整理文档,搜刮出一个JavaScript用二分法查找数据的实例代码,顺便做个笔记 //二分法查数据 var arr=[41,43,45,53,44,95,23]; var b=44; var min=0; var max=arr.length; for(var i=1;i<arr.length;i++){ //外层循环控制排序的次数 for(var j=0;j<arr.length-i;j++){//内层循环控制循环的个数 if(arr[j]<arr[j+1]){ z=arr[j]; a
-
js 获取范围内的随机数实例代码
实例如下: function RandomNum(Min,Max){ var Range = Max - Min; var Rand = Math.random(); var num = Min + Math.round(Rand * Range); return num; } RandomNum(10,20); 以上这篇js 获取范围内的随机数实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.
-
Java反射之通过反射获取一个对象的方法信息(实例代码)
以下代码为一个工具类 package com.imooc.reflect; import java.lang.reflect.Method; public class ClassUtil { public static void printClassMessage(Object obj){ //要获取类的信息,首先要获取类的类类型 Class c = obj.getClass();//传递的是哪个子类的对象,c就是该子类的类类型 //获取类的名称 System.out.println("类的名称
随机推荐
- ass2srt.vbs(ass/ssa批量转换srt的脚本)
- 请教一个正则表达式,匹配所有Html标签外部的指定字符串
- js+css实现有立体感的按钮式文字竖排菜单效果
- asp.net mvc4中bootstrap datetimepicker控件的使用
- java实现附件预览(openoffice+swftools+flexpaper)实例
- C#基础之数据类型转换
- 微信公众平台开发之发送文本消息.Net代码解析
- asp.net 生成随机密码的具体代码
- php flush类输出缓冲剖析
- Android字符串资源文件format方法使用实例
- 使用sockets:从新闻组中获取文章(一)
- Android自定义ViewPager实现个性化的图片切换效果
- javascript 层展开/关闭,带缓冲效果
- a标签置灰不可点击的实现方法
- PHP常用字符串操作函数实例总结(trim、nl2br、addcslashes、uudecode、md5等)
- sql语句中like的用法详细解析
- 简述jQuery ajax的执行顺序
- JQ选择器_选择同类元素的第N个子元素的实现方法
- JavaScript中的lastIndexOf()方法使用详解
- FTP服务器 架设考虑三方面的安全因素第1/2页