OnClick insertText或Clean

Question

我有一个输入和我的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 我会在我的功能输入中显示文字。我想如果我第二次点击清理输入。现在，每次我点击它再次添加我的文本。

由于

Answer 1

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;
}

Answer 2

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

使用jquery库并使用上面的代码使其变得简单..

Answer 3

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

＆＃13;

＆＃13;

function insertText(elemID, text) {
  var elem = document.getElementById(elemID);
  if( elem.innerHTML == '' ) {
    elem.innerHTML += text;
  } else {
    elem.innerHTML = '';
  }
}

＆＃13;

<textarea id="txt1"></textarea>
<input type="button" value="Insert some text" onclick="insertText('txt1', 'Demo text');">

＆＃13;

＆＃13;

＆＃13;

Answer 4

试试这个

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