当前位置:编程学习 > JS >>

js获取复选框值实现代码

本教程告诉你如何获取checkbox复选框的值,由于checkbox属于不同,我们要判断它是否被选中就得利用checked来确定,然后再利用document.all[obj].value获取值。

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>js获取复选框值实现代码</title>
<script language="网页特效">
function test()
{
 if( document.all['a'].checked)
 {
  alert(document.all['a'].value);
 }
}
</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
  <input type="checkbox" name="a" id="a" value="www.zzzyk.com" />
  <label for="checkbox"></label>
  <input type="checkbox" name="b" id="b" />
  <label for="checkbox2"></label>
  <input type="checkbox" name="c" id="http://mb.zzzyk.com" />
  <label for="checkbox3"></label>
  <input type="button" name="button" id="button" value="test"  onclick="javascript:test();"/>
</form>
</body>
</html>

本站原创教程转载注明来源于http://www.zzzyk.com 否则必究!

补充:网页制作,js教程 
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,