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

作者:异步漫步时间:2026-10-29 13:43:33浏览:186

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

作者最新文章