单击插入文本或清理

OnClick insertText or Clean

本文关键字：插入文本 单击      更新时间：2023-09-26

我有一个输入，我的Java脚本函数：

 <script type="text/javascript">
        function insertText(elemID, text)
        {
            var elem = document.getElementById(elemID);
            elem.innerHTML += text;
        }
    </script>
        <textarea id="txt1"></textarea>
        <input type="button" value="Insert some text" onclick="insertText('txt1', '<?php echo getTheBest50('','') ?>');">

使用此函数， onClick我在函数的输入上显示文本。我想如果我第二次单击以清理输入。现在每次我单击它都会再次添加我的文本。

谢谢

function insertText(elemID, text)
{
  // Get value from an input
  var input_val  = document.getElementById('elemID').value;
 // set Input empty  
    document.getElementById('elemID').value = '';
// to set value
   document.getElementById('elemID').value = text;
}

function insertText(elemID, text) {
    var getValue = $("#"+elemID).val()=="" ? text : "";
    $("#"+elemID).val(getValue);
}

使用 jquery 库并使用上面的代码使其简单。

如果你想要一个纯javascript（不是jQuery）函数，请使用这个：

function insertText(elemID, text) {
  var elem = document.getElementById(elemID);
  if( elem.innerHTML == '' ) {
    elem.innerHTML += text;
  } else {
    elem.innerHTML = '';
  }
}
<textarea id="txt1"></textarea>
<input type="button" value="Insert some text" onclick="insertText('txt1', 'Demo text');">

试试这个

function insertText(elemID, text)
{
 var elem = document.getElementById(elemID);
 if(elem.innerHTML=="")
  {
     elem.innerHTML = text;
  }else{
     elem.innerHTML="";
  }
}
相关文章：