如何实现，当一个文本框得到焦点是另一清空

<input name="aa" type="text"  id="aa" maxlength="10"  onclick="doEmpty();"  />
<input name="bb" type="text"  id="bb" maxlength="10"  onclick="doEmpty();"  />
请高手帮我写段js代码，当点aa框是，bb框清空；当点bb框时aa框清空

解决方案 »

  1.   


    onclick="doEmpty(this.id);"
    <script>
    function doEmpty(obj){
         if(obj=="aa"){
    document.getElementById("bb").value="";
    }
     if(obj=="bb"){
    document.getElementById("aa").value="";
    }
    }
    <script>轻拍，我也是菜鸟
      

  2.   

    <input name="aa" type="text" id="aa" maxlength="10" onclick="doEmpty(this);" />
    <input name="bb" type="text" id="bb" maxlength="10" onclick="doEmpty(this);" />function doEmpty(obj){
        var id = obj.id;
        if(id == "aa"){
         document.getElementById('bb').value = "";
        }else{
         document.getElementById('aa').value = "";
        }
    }
      

  3.   

    如果就两个input的话就这样:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <script type="text/javascript">
    function doEmpty(id){
    var dom = document.getElementById(id);
    if(dom) {
    dom.value = '';
    }
    }       
    </script>
    </HEAD>
    <BODY>
    <input name="aa" type="text" id="aa" maxlength="10" onclick="doEmpty('bb');" />
    <input name="bb" type="text" id="bb" maxlength="10" onclick="doEmpty('aa');" />
    </BODY>
    </HTML>