JS赋值后清空

Posted 2023-03-23

<a href="#" onclick="document.getElementById('tit').value=this.innerhtml;">内容AAA</a>
<a href="#" onclick="document.getElementById('tit').value=this.innerHTML;">内容BBB</a>
<a href="#" onclick="document.getElementById('tit').value=this.innerHTML;">内容CCC</a>
<input type="text" id="tit">
这个是点击一次链接把内容赋值给input，如何实现再点击一次链接就清空赋值。
也就是点击内容AAA赋值后，再点击内容AAA就清空赋值，
点击内容BBB赋值后，再点击内容BBB就清空赋值

参考技术A <script>
    function chang(obj)
    vae val= obj.innerHTML;
    var cur_value=document.getElementById('tit').value;
    if (cur_value==val)
        document.getElementById('tit').value="";
    else
        document.getElementById('tit').value=val;
    
    
<script>

<a href="#" onclick="chang(this)">内容AAA</a>
<a href="#" onclick="chang(this)">内容BBB</a>
<a href="#" onclick="chang(this)">内容CCC</a>
<input type="text" id="tit">

本回答被提问者采纳