Q&A
"connecttext("select", ←のダブルクォーテーションはシングルだと思うのですが、typoですか？
質問をご覧いただきありがとうございます。
さっそくですみません、
HTMLとjavascriptでできたウェブサイトで困っているのですが、
チェックボックスをオン・オフするたびに
チェックボックスに付けたvalue値をテキストエリアに飛ばして
書き込み・削除したいのですが、Google Chromeでまったく反応してくれません。
一応これらのページを参考にしてスクリプトを書いてみました。
http://www.nishishi.com/javascript/2014/textform-disabled-by-checkbox.html
http://www.openspc2.org/reibun/javascript/form_button/018/
https://syncer.jp/javascript-reverse-reference/how-to-replace-text
http://javascriptmania.blog111.fc2.com/blog-entry-14.html
お手すきのときにでもコードを見ていただけたら嬉しいです！
よろしくお願いします。
HTML/javascript
1<html> 2<head> 3</head> 4<body> 5 6<textarea name="select" id="select" rows="4" cols="30" style="padding-left10px;">文字が入る場所</textarea><br> 7 8<br/><br/> 9 10<input type="checkbox" onclick="connecttext('select',this.checked,this.value);" value="出し入れ文字" /> 11 12//回答よりselectの引用符を二重引用符から一重引用符に変更させていただきました 13 14 15//回答によりスクリプトタグを括弧で閉じさせていただきました 16 17<script type="text/javascript" > 18 19 function connecttext( textid, ischecked, str) { 20 if( ischecked == true ) { 21 // チェックが入ったら追記 22 document.getElementById(textid).value += str; 23 } 24 else { //↓ここから下が現状うまくいってません↓ 25 // チェックを消したら削除 26 var textareaStr = document.getElementById(textid).value; 27 28 textareaStr = textareaStr.replace(/str/g,""); 29 30 document.getElementById(textid).value = textareaStr; 31 32 33 } 34 } 35 36</script> 37 38 39</body> 40</html> 41
回答2件
0
ベストアンサー
javascript
1 textareaStr = textareaStr.replace(/str/g,"");
以上を以下に変更するとどうですか。
javascript
1 textareaStr = textareaStr.replace(new RegExp(str, "g"), "");
投稿2015/10/10 09:03
総合スコア36074
できました！ありがとうございます！
Lhankor_Mhy様をベストアンサーにさせていただきました(^^)
「出し入れ文字」に正規表現の記号が入っていると上手く行きませんので、あらかじめよろしくお願いします。
（というか、正規表現を使う必要があまりないような……？）
0
<input type="checkbox" onclick="connecttext("select",this.checked,this.value);" value="出し入れ文字" />
ですが、見てのように二重引用符が途中に入ってしまっているので、属性として正常に認識されていないようです。'select'のように、内部の文字列を一重引用符に変えてみましょう。
投稿2015/10/10 06:58
総合スコア145183
ありがとうございます！
一重引用符に変えてみましたが、それでもテキストエリアに文字が入りませんでした。
他にもなにかおかしいところがあればどうかよろしくお願いします。
あなたの回答
tips
プレビュー
