チェックボックスのvalueをテキストに追加したい

解決済

質問者：HAWAI777
質問日時：2007/08/23 18:15
回答数：1件

チェックボックスをオンにすると、そのオンした順番でそのチェックボックスのvalueをあるテキストの前に追加していきたいです。
下のように、テストという文字の前にチェックボックスのvalueを入力。
その際、チェックをオフにしたらテキストからも、そのvalueの値が消えるようにしたいのですが、
何か良い方法はありますか？
例えば、あいうの順番で選択すると、「あいうテスト」になって、いうあの順番で選択すると「いうあテスト」になり、
いのチェックボックスをオフにすると、「あうテスト」や「うあテスト」になるようにしたいです。

□ あ
□ い
□ う

text1=あいうテスト

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： steel_gray
回答日時：2007/08/23 19:21

どう使うのかわからないけどとりあえずサンプル。

（テキストボックスの初期値、各checkboxのvalueは全て違うもの、という前提です。）

<html>
<head>
<title></title>
<script type="text/javascript">
function sample(obj){
var result = document.getElementById('RESULT');
var addValue = result.value.replace(result.defaultValue,'');
if(obj.checked) {
addValue += obj.value;
} else {
addValue = addValue.replace(obj.value,'');
}
result.value = addValue + result.defaultValue;
}
</script>
</head>
<body>

<p>
<input onclick="sample(this)" type="checkbox" value="あ">あ
<input onclick="sample(this)" type="checkbox" value="い">い
<input onclick="sample(this)" type="checkbox" value="う">う
</p>
<p>
<input type="text" id="RESULT" value="test">
</p>

</body>
</html>