如何判断复选框 checkbox 是选中状态还是未选中

设置一个全局变量i，默认值为3(总共有几个checkbox)，然后遍历你的checkbox，然后判断是否选中，如选中，直接跳出循环。

int i=3;

$("input[type=checkbox]")each(function(){

if($(this)attr("checked")==true){

//如果是验证的话，这里其实已经通过验证了

}else{

i=i-1;

}

//最后判断i,如果等于0，则未通过验证

});

自己敲的js，原理就是这样的需要引入jquery插件。

1、首先创建一个名称为 checkbox_form_id的html文件 。

2、添加2个input元素 设置input类型为checkbox设置并分别设置id，添加一个form设置id为“thisisformid”。

3、添加一个button按钮，在点击事件中加入自定义函数my_checkbox_form_id，添加一p标签，设置id 为 show_checkbox_form_id。

4、在javascript中创建一个自定义函数   my_checkbox_form_id。

5、在自定义函数中获取input对象。用form属性获取表单对象，用表单的id属性获取表单的id值，并将结果显示到p标签中。

6、最后在浏览器中打开文件，点击button查看获取到的表单id效果。

获取 checkbox的选中个数可以直接使用如下jquery语法

$("input[type='checkbox']:checked")length;

实例演示如下

创建Html元素

<div class="box">

<span>点击按钮获取选中个数：</span><br>

<div class="content">

<input type="checkbox" name="test" >萝卜

<input type="checkbox" name="test" >青菜

<input type="checkbox" name="test" >小葱

<input type="checkbox" name="test" >豆腐

<input type="checkbox" name="test" >土豆

</div>

<input type="button" class="btn" value="获取被选择个数">

</div>

设置css样式

divbox{width:300px;height:250px;padding:10px 20px;margin:20px;border:4px dashed #ccc;}

divbox>span{color:#999;font-style:italic;}

divcontent{width:250px;height:100px;margin:10px 0;padding:5px 20px;border:2px solid #ff6666;}

input[type='checkbox']{margin:5px 10px;}

input[type='button']{width:120px;height:30px;margin:10px;border:2px solid #ebbcbe;}

编写jquery代码

$(function(){

$("input:button")click(function() {

alert($("input[type='checkbox']:checked")length);

});

})

观察效果

一、多选框介绍

多选框提供一个单一选择开关的方法，一个多选框代表一个逻辑的值。它包括一个小框和一个标签。我们能够获取和设置它的状态，同样也能获取和设置它的标签值。

二、多选框属性

多选框的属性总共有10项，其中有4个基本属性、5个位置属性和一个其他属性。 基本属性分别是:名称（Name）、显示（Visible）、有效（Enabled）、标题（Caption）。 位置属性包含：左边(Left)、上边（Top）、宽度（Width）、高度（Height）、显示顺序（ZOrder）。

其他属性为：初始选中。

三、多选框事件

多选框只有一个事件，那就是点击事件。和按键一样它的这个点击事件也是单击事件。 多选框和按钮所不同的是，当每次被点击的时候，多选框都会在选中和反选状态来回切换。 在这里我们先创建一个多选框出来，然后修改它的标题为多选框，然后选择点击事件。同样的按键精灵会在脚本编辑器中默认添加这个事件的代码。双击也可实现同样的效果。那么在多选框中选中跟非选中的值有何不同呢？

上面的介绍我们已经说过了，多选框代表的是一个逻辑值，所以在这里应该是一个布尔型的值了。这样想其实是没有错的，但在按键精灵当中这个布尔型的值又被重新转换过了。以0和1分别代替假和真。所以在这里要注意的是，判断多选框是否被选中的时候需判断它的值是0还是1，而不是真（TRUE）或假（FALSE）。

我们在这个事件里面添加代码，判断多选框的状态并且使用d窗提示的方法来辨别是否被选中。

Event Form1CheckBox1Click

If Form1CheckBox1Value = 1 Then

MessageBox "您勾选了！"

Else

MessageBox "您取消勾选了！"

End If

End Event

在上面的代码中我们获取了多选框的值并且跟1进行对比，如果等于1就代表他它被勾选了，否则就代表没有被选中。最后d窗口提示是否被选中。

添加完脚本后，还是进入调试，然后进入自定义界面，点击多选框前面的小方框。默认情况下他是不选中的，所以当第一次勾选后，就会d出“您勾选了！”的提示框，并且小方框上已经打勾。再点击一次小方框的勾就去掉了，然后d出“您取消勾选了！” 。

以上就是关于如何判断复选框 checkbox 是选中状态还是未选中全部的内容，包括:如何判断复选框 checkbox 是选中状态还是未选中、在form表单中如何来获取checkbox（多选框）的值、jquery中怎样获得多选框中，被选择的个数等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！