<form onsubmit="return checkform(this);">
<input type="checkbox" name="s" /> <input type="submit" value="submit"/>
</form>
function checkform(form){//采用通常情况的方式来验证是否被选中
if(formschecked) alert("checked");
//采用jquery方式来验证,此时,与表单无关。只需判断被选中的对象是否大于零,如果没有被选中,size()方法将返回0,如果有多个被选中,则返回被选中的个数。
if($("input[name='s']:checked")size() > 0) alert("checked");
return false; //测试用,返回flase值,表单不会提交。正式使用时,可删除。
}
checkbox自身有个属性就是用来判断checkbox是否被选中了。 这个属性是checked。下面是简单的代码,仅供参考: var oChk = documentgetElementById('chk');oChkonclick = function(){if(thischecked){alert('选中');} else {alert('没有选中')
思路:利用name属性值获取checkbox对象,然后循环判断checked属性(true表示被选中,false表示未选中)。下面进行实例演示:
1、HTML结构
<input type="checkbox" name="test" value="1"/><span>1</span>
<input type="checkbox" name="test" value="2"/><span>2</span>
<input type="checkbox" name="test" value="3"/><span>3</span>
<input type="checkbox" name="test" value="4"/><span>4</span>
<input type="checkbox" name="test" value="5"/><span>5</span>
<input type='button' value='提交' onclick="fun()"/>
2、javascript代码
function fun(){
obj = documentgetElementsByName("test");
check_val = [];
for(k in obj){
if(obj[k]checked)
check_valpush(obj[k]value);
}
alert(check_val);
}
步骤如下:
1、获取所有需要统计的checkbox数量。
2、获取选中的checkbox数量
3、对比
实现过程如下:
var allCheckNum = $("input[type='checkbox']")length;var checkedNum = $("input[type='checkbox']:checked")length;
if (allCheckNum == checkedNum) {
alert("全部选中!");
} else {
alert("部分选中!");
}
以上就是关于怎样判断checkbox是否选中全部的内容,包括:怎样判断checkbox是否选中、如何判断某个checkbox是否被选中、怎么获取checkbox选中值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)