チェックボックスの値取得後の加工について

解決済

質問者：yumi007
質問日時：2012/04/29 23:41
回答数：1件

下記のJavaScriptをどうように修正をすれば良いか、
ご教授いただければと思い投稿させて頂きました。
どうぞよろしくお願い申し上げます。

出力ボタンをクリックすると現状では下記のようになります。

【現状】
------------------------------------------------------
アンケート結果
　→回答1
　→回答2

希望としては取得した値を下記のように加工をして出力したいと思います。
【希望】
------------------------------------------------------
アンケート結果
　→回答1、回答2

【ソース】
------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN
Frameset" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<script>
function textoutput(formObj) {
var checkbox01 = formObj.elements["C01"];
var text = 'アンケート結果' + '\n';
for ( var i = 0; i < checkbox01.length; i ++ ) {
if ( checkbox01[i].checked === true ) {
text += checkbox01[i].value;
text += '\n';
}
}
formObj.elements["output"].value=text;
}
</script>
</head>
<body>
<form name="form01">
<strong>・回答結果</strong><br>
<table border="0">
<td colspan="2" valign="middle" width="560">
<input type="checkbox" name="C01" value="　→回答1" id="checkbox1-1">
<label for="checkbox1-1">回答1</label>
<input type="checkbox" name="C01" value="　→回答2" id="checkbox1-2">
<label for="checkbox1-2">回答2</label>
</td>
<table>
結果出力<br>
<input type="button" value="ログ出力" onClick="textoutput(this.form);"><br>
<textarea name="output" id="output" cols="60" rows="10"></textarea><br>
</form>
</body>
</html>