关于js识别checkbox的信息

本文目录一览:

javascript 怎么判断checkbox是否选中

form onsubmit=”return checkform(this);”

input type=”checkbox” name=”s” / input type=”submit” value=”submit”/

/form

function checkform(form){

  //采用通常情况的方式来验证是否被选中

  if(form.s.checked) alert(“checked”);

  

  //采用jquery方式来验证,此时,与表单无关。只需判断被选中的对象是否大于零,如果没有被选中,size()方法将返回0,如果有多个被选中,则返回被选中的个数。

  if($(“input[name=’s’]:checked”).size()  0) alert(“checked”);

  

  return false; //测试用,返回flase值,表单不会提交。正式使用时,可删除。

}

js 判断 checkbox

这个是针对你的写的

顺便提一句,js数组中移除(删除) 项比较恶心,建议如果不太懂,就单独看看,应该会对你有帮助,最后 祝贺你好运

html

script

var ii = new Array();

function justdoit(tb){//下面的justdoit(this)是把当前checkbox当作参数,这里的tb是接收

if(tb.checked){//判断是否选中,也就是相当于这里判断勾中checkbox,最下面else中是取消选中

for(var i = 0; i ii.length;i++){//遍历数组

if(tb.value == ii[i]){//判断看当前值是否存在

tb.checked = false;//如果重复了将本checkbox置为不选状态

alert(“数值重复”);

return;//如果已经重复了,跳出,不执行下面

}

}

//下面开始处理如果不是重复的

if(ii.length 3){//如果选中的小于3个

ii.push(tb.value);//将当前选中的checkbox的值放入数组

}else{

tb.checked = false;//如果选中的已经有3个了将当前checkbox取消选中

alert(“最多只能选择3个。”);

}

}else{//这里是相当于判断取消选中的时间

for(var i = 0; i ii.length;i++){//便利数组

if(tb.value == ii[i]){//判断取消的是哪一项

ii.splice(i,1);//将其从数组中移除

return;

}

}

}

}

/script

body

input name=’selectID[]’ id=”selectID” type=’checkbox’ value=’3′ onclick=”justdoit(this)”3br

input name=’selectID[]’ id=”selectID” type=’checkbox’ value=’2′ onclick=”justdoit(this)”2br

input name=’selectID[]’ id=”selectID” type=’checkbox’ value=’3′ onclick=”justdoit(this)”3br

input name=’selectID[]’ id=”selectID” type=’checkbox’ value=’1′ onclick=”justdoit(this)”1br

input name=’selectID[]’ id=”selectID” type=’checkbox’ value=’4′ onclick=”justdoit(this)”4br

input name=’selectID[]’ id=”selectID” type=’checkbox’ value=’3′ onclick=”justdoit(this)”3br

/body

/html

在js中怎么获取checkbox

思路:利用name属性值获取checkbox对象,然后循环判断checked属性(true表示被选中,false表示未选中)。下面进行实例演示:

1、HTML结构

1input type=”checkbox” name=”test” value=”1″/span1/span

2input type=”checkbox” name=”test” value=”2″/span2/span

3input type=”checkbox” name=”test” value=”3″/span3/span

4input type=”checkbox” name=”test” value=”4″/span4/span

5input type=”checkbox” name=”test” value=”5″/span5/span

6input type=’button’ value=’提交’ onclick=”fun()”/

2、javascript代码

1function fun(){

2    obj = document.getElementsByName(“test”);

3    check_val = [];

4    for(k in obj){

5        if(obj[k].checked)

6            check_val.push(obj[k].value);

7    }

8    alert(check_val);

9}

3、演示效果

原创文章,作者:D452J,如若转载,请注明出处:https://www.506064.com/n/129650.html

(0)
D452JD452J
上一篇 2024-10-03
下一篇 2024-10-03

相关推荐

  • 使用Python中的CSV.DictReader解析数据

    无论是在数据分析还是软件开发领域,读取CSV文件的需求都很常见。Python中提供了丰富的工具库来处理CSV文件,其中CSV模块就是很好的选择之一。而在CSV模块中,DictRea…

    编程 2024-10-04
  • java培训哪家好(java培训课程哪家好)

    1、想学java哪家学校好 2、java培训机构哪家比较好? 3、java培训班哪家好? 国内现在的java培训机构非常多,比如千锋教育、动力节点、蜗牛学院、达内、传智播客、IT培…

    编程 2024-10-03
  • 秒嘀实现java手机短信验证(短信验证 java)

    本文目录一览: 1、java如何实现发送短信验证码功能? 2、java中发送短信验证码怎么实现的 3、Java短信验证码功能怎么实现? java如何实现发送短信验证码功能? 1、创…

    编程 2024-10-03
  • 使用.NetUser创建Windows用户

    一、NetUser概述 .NetUser是一个用于管理本地和域用户的命令行工具,可以用来创建、修改、删除用户和组。 通过使用NetUser工具,管理员可以轻松地完成用户管理工作,例…

    编程 2024-10-04
  • 在线Unix时间戳:详解与应用

    一、在线Unix时间戳转换 Unix时间戳是从1970年1月1日0时0分0秒到现在的总秒数,它能够解决不同时区的时间差问题,已经广泛应用于计算机系统的时间表示。在线Unix时间戳转…

    编程 2024-10-04
  • php网站地图,php地图api接口

    本文目录一览: 1、PHP怎样做网站地图 2、PHP程序上传网站地图后访问总显示404错误 是什么原因,求大神指点 3、phpcms怎么生成网站地图 4、怎么用php实现自动生成站…

    编程 2024-10-03
  • Java中contains方法的使用

    一、contains方法的概述 在Java中,contains()是一种常用的字符串操作方法,它用于判断一个字符串是否包含另一个字符串。当指定的字符串包含在此字符串中时,返回tru…

    编程 2024-10-04
  • 提高网站流量,让你的Linux Node更具竞争力

    随着互联网的快速发展,越来越多的企业都选择了建立自己的网站,网络竞争也越来越激烈。如何提高网站流量,成为了每个网站拥有者都必须面对的问题。本文将从多个方面详细阐述如何提高网站流量,…

    编程 2024-10-04
  • php中的iterator(“PHP”)

    1、如何RecursiveIteratorIterator在PHP中工作 2、php迭代器iterator怎么用 3、什么是迭代器 iterator Some speed test…

    编程 2024-10-03
  • 构建和打包Python应用程序的标准方法

    随着Python在开发领域的广泛应用,构建和打包Python应用程序已成为日常工作中不可避免的任务。然而,对于初学者来说,这似乎是一项艰巨的任务。本文将详细介绍Python应用程序…

    编程 2024-10-04

发表回复

登录后才能评论