js获取checkbox的值

最新推荐文章于 2024-04-03 09:18:57 发布

原创最新推荐文章于 2024-04-03 09:18:57 发布 · 100 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Java #XHTML #Blog #HTML

javascript 专栏收录该内容

112 篇文章

订阅专栏

本文档提供了一个使用JavaScript处理HTML表单中复选框的简单示例。通过选择不同的国家选项，页面会显示所选内容。此示例有助于理解如何在网页上实现基本的用户交互。

转载：http://hi.baidu.com/javajavajava/blog


<!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> 
selected(bb){ 
var temp=""; 
for(var i=0;i<bb.r1.length;i++) 
{ 
if(bb.r1[i].checked) 
//alert(bb.r1[i].value); 
temp+=bb.r1[i].value+"<br>"; 
} 
if(temp!="")document.write(temp); 
}
</head> 
<body> 
<form> 
<input type="checkbox" name="r1" value="CHINA" />中国 
<input type="checkbox" name="r1" value="USA" />美国 
<input type="checkbox" name="r1" value="ENGLAND" />英国 
<input type="button" name="b1" value="view" onClick="selected(this.form)" /> 
</form> 
</body> 
</html>