JavaScript判断复选框选中状态及获取值的方法
作者:异步漫步时间:2026-10-29 13:43:33浏览:186
本文介绍如何使用JavaScript获取复选框的值并判断其是否被选中。通过遍历具有相同name属性的复选框元素,检查checked属性为true的项,并将选中值拼接为字符串。若未选中任何项,则提示用户选择;否则弹出显示所有选中值。
JavaScript判断复选框选中状态及获取值的方法
本文介绍一种使用JavaScript判断复选框是否选中并获取其值的方法,供参考。
本文介绍利用JavaScript获取复选框值及判断选中状态的方法,针对表单提交时复选框与其他元素不同的特性,展示如何获取值并判断是否被选中。
运行效果如下图所示:

具体代码如下:
<title>JavaScript 获取复选框的值</title>
<script>
function checkbox()
{
var str=document.getElementsByName("box");
var objarray=str.length;
var chestr="";
for (i=0;i<objarray;i++)
{
if(str[i].checked == true)
{
chestr+=str[i].value+",";
}
}
if(chestr == "")
{
alert("请先选择复选框~!");
}
else
{
alert("复选框的值是:"+chestr);
}
}
</script>
选择您的拿手技术:
<input type="checkbox" name="box" id="box1" value="ASP" />ASP
<input type="checkbox" name="box" id="box2" value="PHP" />PHP
<input type="checkbox" name="box" id="box3" value="JSP" />JSP
<input type="button" name="button" id="button" onclick="checkbox()" value="提交" />
希望本文所述对大家的javascript程序设计有所帮助。
作者最新文章
D3.js 比例尺与坐标轴的配置详解
2026-11-05 16:54:46
JavaScript怎么遍历对象的Symbol键和不可枚举属性
2026-11-05 13:13:39
封装一个健壮的JS字符串判空工具函数
2026-11-05 12:16:14
JavaScript合并数组的三种常用方法:concat、扩展运算符与push
2026-11-05 11:22:29
JavaScript立即执行函数(IIFE)是什么及基本语法
2026-11-05 10:51:19
