本文目录一览:
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、演示效果