js判断复选框checkbox是否选中并取出值

发布时间:2020-02-16编辑:脚本学堂
本文介绍下,用js代码判断页面中复选框是否选中,选中的话取出其值。有需要的朋友,参考下吧。

代码如下:

<html>
<title>javascript 获取复选框的值_www.jb200.com</title>
<script>
/**
* 判断复选框checkbox是否选中,并取出值
* edit by www.jb200.com
* date:2013/7/3
*/
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="提交" />

您可能感兴趣的文章:
Js 统计复选框选中个数的实现代码
设置checkbox复选框为readonly只读的两种方式
js 限定复选框选择个数的例子
select标签、单选框、复选框设置默认选择项的方法
Js动态添加Checkbox复选框的代码举例
限制复选框 checkbox 最多可选数的js代码