怎么点击内容赋值给textarea，再次点击移除这刚刚赋值的内容

图片描述

$(".zygw_zan").children().click(function(){

       var this_text = $(this).text();
       var index = $(this).index();
       //判断是否active
       if(this.getAttribute("class")=='active'){
           $(this).removeClass("active");
       }else{
           $(this).addClass("active");
           var text = $("#zygw_textarea").val();
        text += this_text+" ";
        $("#zygw_textarea").val(text).css({"color":"#888888"});
       }
   })

阅读 3k

已修改答案.
点击按钮时,判断是否有class
如果有,则使用正则将按钮文字替换为空字符串
如果没有,则加上按钮文字
自己拿去修改吧,我不会写代码,这已经是我极限了

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<style>
.active{
    color: red;
    border: #00a8e2 1px solid;
}
</style>
</head>
<body>
<div class="zygw_zan">
    <button type="button">接待规范</button>
    <button type="button">说辞流利</button>
    <button type="button">卖点清晰</button>
</div>
<textarea id="zygw_textarea"></textarea>
<script src="https://cdn.bootcss.com/jquery/1.12.0/jquery.min.js"></script>
<script>
  $(".zygw_zan").on('click', 'button', function(){
    var this_text = $(this).text();
    var $zygw_textarea = $("#zygw_textarea");
    var text = $zygw_textarea.val();
    if($(this).hasClass("active")){
      $(this).removeClass("active");
      // 最主要是这句代码
      text = text.replace(new RegExp('(\\s'+this_text+')\|('+this_text+'\\s)\|'+this_text,'g'), '');
    }else{
      $(this).addClass("active");
      if(text.length===0){
        text = this_text;
      }else{
        text = text+' '+this_text;
      }
    }
    $zygw_textarea.val(text);
  })
</script>
</body>
</html>

var this_text = $(this).text(); var index = $(this).index(); //判断是否active if(this.getAttribute("class")=='active'){ $(this).removeClass("active"); ***$("#zygw_textarea").val().replace(this_text, '');*** string.replace(/1/g, ''); }else{ $(this).addClass("active"); var text = $("#zygw_textarea").val(); text += this_text+" "; $("#zygw_textarea").val(text).css({"color":"#888888"}); }

怎么点击内容赋值给textarea，再次点击移除这刚刚赋值的内容

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

为什么在谷歌浏览器中 'a' == ['a'] 返回 true？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

纯css如何绘制一个无背景色有边框色，带有文字的倒等腰梯形？

css布局怎么保证右边一直在可视范围内？