CheckBox如何多选

最新推荐文章于 2024-03-08 09:11:52 发布

yaoyanzhu

最新推荐文章于 2024-03-08 09:11:52 发布

阅读量285

点赞数

分类专栏： JavaScript 文章标签： XHTML HTML

本文链接：https://blog.csdn.net/yaoyanzhu/article/details/83694650

版权

JavaScript 专栏收录该内容

48 篇文章 0 订阅

订阅专栏

<!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>无标题文档</title>
<script language="javascript">
function test()
{
var value=""; //document.getElementsByName("value1").value;
for(i=0;i<4;i++)
{
if(document.getElementsByName("Status")[i].checked==true)
{
if(value==""){
value=value+document.getElementsByName("Status")[i].value;
}
else{
value=value+","+document.getElementsByName("Status")[i].value;
}
}

}
alert(value);
document.all.value1.value = value;

}

</script>
</head>

<body>
<input name="Status" type="checkbox" value="1" οnclick="test()"/>

<input name="Status" type="checkbox" value="2" οnclick="test()"/>

<input name="Status" type="checkbox" value="3" οnclick="test()"/>

<input name="Status" type="checkbox" value="4" οnclick="test()"/>

<input type="text" name="value1" value="" size="50"/>

</body>
</html>