怎样判断checkbox是否选中

怎样判断checkbox是否选中,第1张

<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选中值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9588796.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存