标题:菜鸟求助,判断选择了几个checkbox?
只看楼主
whfcx
Rank: 1
等 级:新手上路
帖 子:2
专家分:0
注 册:2007-9-3
 问题点数:0 回复次数:2 
菜鸟求助,判断选择了几个checkbox?
我想实现当点击提交按钮后,先判断有几个checkbox被选中,让后将他们的值当成字符串,输出到textarea中显示,每点击一次按钮,内容就在新的一行显示,现在做好了简单的样子,缺少判断,代码如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
function _submit()
{
if (document.getElementById("a").checked!="")
{
document.getElementById("txt").value +=document.getElementById("a").value+"\n";
document.getElementById("a").value ="";
}

if (document.getElementById("b").checked!="")
{
document.getElementById("txt").value +=document.getElementById("b").value+"\n";
document.getElementById("b").value="";
}

if (document.getElementById("c").checked!="")
{
document.getElementById("txt").value +=document.getElementById("c").value+"\n";
document.getElementById("c").value="";
}
}
</SCRIPT>
<form name="form1">
<TEXTAREA NAME="txt" ROWS="10" COLS="30" id="txt" ></TEXTAREA>
<!-- <select name="t" id="t">
<option>fdsfdsfdsfdsafd</option>
<option>fdsfadsfafd</option>
</select> -->
<p>
<input name="a" type="checkbox" value="11" id="a" />
fdfdf
<!--<INPUT type="text" NAME="a" id="a" > -->
<input name="b" type="checkbox" value="22" id="b" />
fefefei
<!--<INPUT type="text" NAME="b" id="b" > -->
<input name="c" type="checkbox" id="c" value="33" />
lalal
<!--<INPUT type="text" NAME="c" id="c" > -->
<input type="button" value="提交" />
</p>
</form>
</body>
</html>
搜索更多相关主题的帖子: checkbox 判断 document 
2007-09-03 10:17
VB爱上我
Rank: 6Rank: 6
等 级:贵宾
威 望:25
帖 子:478
专家分:52
注 册:2005-10-14
得分:0 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
var n=0;
function newvlaue()
{
var returnValue = "";
for(var i=0;i<document.getElementsByName("che").length;i++)
{
if(document.getElementsByName("che")[i].checked)
returnValue += "|" + document.getElementsByName("che")[i].value;
}

return returnValue.replace("|","");

}

function addnew()
{
form1.txt.value += ++n + "、" + newvlaue() + "\n";
}

</SCRIPT>
<form name="form1">
<TEXTAREA NAME="txt" ROWS="10" COLS="30" id="txt" ></TEXTAREA>
<p>
<input name="che" type="checkbox" value="C#" />
C#

<input name="che" type="checkbox" value="JavaScript" />
JavaScript

<input name="che" type="checkbox" value="XML" />
XML

<input type="button" onclick="addnew()" value="提交" />
</p>
</form>
</body>
</html>


IT618资讯网 提供服务端开发,前端开发,网页特效,热门开源系统研究,软件下载,站长建站,淘宝开店等学习资料.
2007-09-03 12:24
whfcx
Rank: 1
等 级:新手上路
帖 子:2
专家分:0
注 册:2007-9-3
得分:0 
谢谢
2007-09-03 14:16



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-167320-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.229797 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved