日期:2014-05-16  浏览次数:20348 次

如何实现,当一个文本框得到焦点是另一清空
<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框清空

------解决方案--------------------

onclick="doEmpty(this.id);"
<script>
function doEmpty(obj){
if(obj=="aa"){
document.getElementById("bb").value="";
}
 if(obj=="bb"){
document.getElementById("aa").value="";
}
}
<script>

轻拍,我也是菜鸟
------解决方案--------------------
<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 = "";
}
}
------解决方案--------------------
如果就两个input的话就这样:
HTML code

<!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>