关于js识别checkbox的信息

本文目录一览：

• 1、javascript 怎么判断checkbox是否选中
• 2、js 判断 checkbox
• 3、在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、演示效果