JavaScript判断复选框选中状态及获取值的方法

作者:异步漫步

时间:2026-10-29

浏览:185

本文介绍如何使用JavaScript获取复选框的值并判断其是否被选中。通过遍历具有相同name属性的复选框元素,检查checked属性为true的项,并将选中值拼接为字符串。若未选中任何项,则提示用户选择;否则弹出显示所有选中值。

文章目录

JavaScript判断复选框选中状态及获取值的方法

本文介绍一种使用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程序设计有所帮助。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章