清除HTML中的2个文本字段



我正在尝试编写一个简单的HTML代码,以便在单击"清除文本"按钮后清除2个文本框。现在它只清除1个文本字段,而不是2个。我怎样才能使它同时清除两者?

<script>
function swapValues() {
var tmp = document.getElementById("a").value;
document.getElementById("a").value = document.getElementById("b").value;
document.getElementById("b").value = tmp;
}
function clear() {
var clearA = document.getElementById('a').value = '';
var clearB = document.getElementById('b').value = '';
if (clearA != " " && clearB != " "){
document.getElementById('myInput').value = ''
}
}
</script>

HTML:

<body>
<input type="text" id="a" value="John" /><br><br>
<input type="text" id="b" value="Lee" /><br><br>
<input type="button" id="go" onclick="swapValues()" value="Swap">
<button onclick="document.getElementById('a').value = ''">Clear Text</button>

即使在更正了代码中的错误之后;clear((";函数将不会运行。Clear不是已保存的关键字。但很可能与document.clear((;存在冲突;。因此,有必要更改此函数的名称才能正常工作。

示例:

function swapValues() {
var tmp = document.getElementById("a").value;
document.getElementById("a").value = document.getElementById("b").value;
document.getElementById("b").value = tmp;
}
function clearValue() {
var clearA = document.getElementById('a');
var clearB = document.getElementById('b');
clearA.value = '';
clearB.value = '';
if (clearA.value != '' && clearB.value != '') {
console.log('some action');
}
}
<input type="text" id="a" value="John" /><br><br>
<input type="text" id="b" value="Lee" /><br><br>
<input type="button" id="go" onclick="swapValues()" value="Swap">
<button onclick="clearValue()">Clear Text</button>

为什么要将none输出分配给另一个变量?

function clear() {
document.getElementById('a').value = '';
document.getElementById('b').value = '';
if (document.getElementById('a').value != " " && document.getElementById('b').value != " "){
document.getElementById('myInput').value = ''
}
}

并设置onClick调用clear():

<button onclick="clear();">Clear Text</button>

;:连接两个清除操作

onclick="document.getElementById('a').value = ''; document.getElementById('b').value = ''; "

最新更新