关于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 23:26
下一篇 2024-10-03 23:26

相关推荐

  • JS Proxy(array)用法介绍

    JS Proxy(array)可以说是ES6中非常重要的一个特性,它可以代理一个数组,监听数据变化并进行拦截、处理。在实际开发中,使用Proxy(array)可以方便地实现数据的监…

    编程 2025-04-29
  • 解析js base64并转成unit

    本文将从多个方面详细介绍js中如何解析base64编码并转成unit格式。 一、base64编码解析 在JavaScript中解析base64编码可以使用atob()函数,它会将b…

    编程 2025-04-29
  • Java 监控接口返回信息报错信息怎么处理

    本文将从多个方面对 Java 监控接口返回信息报错信息的处理方法进行详细的阐述,其中包括如何捕获异常、如何使用日志输出错误信息、以及如何通过异常处理机制解决报错问题等等。以下是详细…

    编程 2025-04-29
  • Node.js使用Body-Parser处理HTTP POST请求时,特殊字符无法返回的解决方法

    本文将解决Node.js使用Body-Parser处理HTTP POST请求时,特殊字符无法返回的问题。同时,给出一些相关示例代码,以帮助读者更好的理解并处理这个问题。 一、问题解…

    编程 2025-04-29
  • 使用Python爬虫获取电影信息的实现方法

    本文将介绍如何使用Python编写爬虫程序,来获取和处理电影数据。需要了解基本的Python编程语言知识,并使用BeautifulSoup库和Requests库进行爬取。 一、准备…

    编程 2025-04-28
  • t3.js:一个全能的JavaScript动态文本替换工具

    t3.js是一个非常流行的JavaScript动态文本替换工具,它是一个轻量级库,能够很容易地实现文本内容的递增、递减、替换、切换以及其他各种操作。在本文中,我们将从多个方面探讨t…

    编程 2025-04-28
  • Python爬取网页信息

    本文将从多个方面对Python爬取网页信息做详细的阐述。 一、爬虫介绍 爬虫是一种自动化程序,可以模拟人对网页进行访问获取信息的行为。通过编写代码,我们可以指定要获取的信息,将其从…

    编程 2025-04-28
  • 如何使用Python执行Shell命令并获取执行过程信息

    本文将介绍如何使用Python执行Shell命令并获取执行过程信息。我们将从以下几个方面进行阐述: 一、执行Shell命令 Python内置的subprocess模块可以方便地执行…

    编程 2025-04-28
  • Python实现身份信息模拟生成与查验

    本文将从以下几个方面对Python实现身份信息模拟生成与查验进行详细阐述: 一、身份信息生成 身份信息生成是指通过代码生成符合身份信息规范的虚假数据。Python中,我们可以使用f…

    编程 2025-04-27
  • JS图片沿着SVG路径移动实现方法

    本文将为大家详细介绍如何使用JS实现图片沿着SVG路径移动的效果,包括路径制作、路径效果、以及实现代码等内容。 一、路径制作 路径的制作,我们需要使用到SVG,SVG是可缩放矢量图…

    编程 2025-04-27

发表回复

登录后才能评论