※ ChatGPTを利用し、要約された質問です（原文：チェックボックスの値取得後の加工について）
チェックボックスの値取得後の加工について
このQ&Aのポイント
チェックボックスの値を取得して加工する方法について解説します。
JavaScriptの修正を行い、取得した値を指定の形式で出力する方法を紹介します。
具体的なコードと実行結果も示していますので、参考にしてください。
下記の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>
お礼
お礼が遅くなり申し訳ございませんでした。 無事、意図することが出来るようになりました。 今後とも、よろしくお願いいたします。