您的位置:

关于js识别checkbox的信息

关于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、演示效果

关于js识别checkbox的信息

本文目录一览: 1、javascript 怎么判断checkbox是否选中 2、js 判断 checkbox 3、在js中怎么获取checkbox javascript 怎么判断checkbox是否选

2023-12-08
关于js判断是否是checkbox的信息

本文目录一览: 1、js 判断 checkbox 2、使用js全部选中checkbox,并且进行判断 3、JS判断单个checkbox是否被选中 4、javascript 怎么判断checkbox是否

2023-12-08
关于js的cell的信息

本文目录一览: 1、javascript中cell的用法 2、js insertcell 怎么跨列 3、js如何获取表格中某一行的单元格数 4、js中cell可以显示单元格的内容,如果单元格是这样的,

2023-12-08
关于已前的学习笔记java的信息

2022-11-18
js高级程序设计笔记14(js高级程序设计笔记14页)

本文目录一览: 1、JavaScript高级程序设计 该怎么看 2、JavaScript学习笔记之数组基本操作示例 3、JS中有关sort以及return的问题 JavaScript高级程序设计 该怎

2023-12-08
关于java基础知识笔记1的信息

2022-11-20
关于java学习笔记良葛格的信息

2022-11-11
js所有的checkbox默认选中的简单介绍

本文目录一览: 1、求教,怎么实现当checkbox的复选框全部选中时,全选框自动选中 2、怎样用JS实现CHECKBOX 为全选 3、在javascript中如何设置多个checkbox为默认选中

2023-12-08
js自动识别复制来的信息,js自动识别复制来的信息内容

2023-01-06
htmljs编程笔记(html代码笔记)

本文目录一览: 1、html代码和JS代码有什么区别 2、如何在html中调用js函数 3、JavaScript学习笔记之数组基本操作示例 4、HTML5初学者笔记 5、《web前端笔记7》js字符—

2023-12-08
js获取checkbox选中的元素,js获取所有checkb

本文目录一览: 1、js中怎么获取checkbox选中的值 2、js问题:如何获取checkbox选中值 3、在js中怎样获得checkbox里选中的多个值? 4、用Javascript怎么获取 ch

2023-12-08
js代码总结体会,js基础知识总结笔记

本文目录一览: 1、js到底难不难学? 2、JS 代码 求解释 可以详细的 说明一下 谢谢 3、浅谈js写轮播图的思路与心得 4、JavaScript与WEB前台开发课程实训总结怎么写 5、js中继承

2023-12-08
java基础知识学习笔记一,Java基础笔记

2022-11-21
java学习笔记(java初学笔记)

2022-11-14
重学java笔记,java笔记总结

2022-11-23
关于cssinjscssmodule的信息

2022-11-24
关于js定时查询数据库数据库数据的信息

2022-11-24
js个人信息代码,js个人简历简单代码

本文目录一览: 1、JS登录界面如何储存用户名和密码信息,实现登录的时候查询验证匹配,不用数据库有三个用户,求JS代码 2、js代码,如何验证身份证信息的同时提取生日性别 3、js判断身份证号码是否合

2023-12-08
js编译label(Js编译规范函数名)

本文目录一览: 1、js代码写法求助 关于操作点击label 2、在js里label标签怎么用于循环语句 3、怎样用JS获得标签中的值 4、用javascript设置label文本 5、c#在后台成功

2023-12-08
js的checkbox属性的全选,checkbox js判断

本文目录一览: 1、js中如何实现多个复选框全选 2、js写全选,怎么取消一个checkbox的选中状态,让全选的checkbox选中状态取消 3、怎样用JS实现CHECKBOX 为全选 4、Jque

2023-12-08