- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：チェックボックスのvalueをテキストに追加したい）
チェックボックスのvalueをテキストに追加する方法
このQ&Aのポイント
- チェックボックスをオンにすると、そのオンした順番でテキストの前にチェックボックスのvalueを追加していく方法について解説します。
- チェックボックスをオフにすると、テキストからもそのvalueの値が消えるようにしたいです。良い方法はありますか？
- 選択したチェックボックスのvalueをテキストの特定の位置に追加する方法と、チェックボックスをオフにしたときにvalueの値を削除する方法について詳しく説明します。
- HAWAI777
- お礼率32% (33/101)
- JavaScript
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
どう使うのかわからないけどとりあえずサンプル。 （テキストボックスの初期値、各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>
お礼
steel_grayさん ありがとうございます！！！ ばっちり、思いどおりの動きです！！！ 感謝します＞＜ とっても助かりました！！