Question

嗨我有几个文本输入框，我有一个清晰的按钮，它们都有相同的名称，我希望使用一个功能清除所有这些，这可以在没有ID的情况下完成，因为它占用了太多的空间到目前为止我的代码看起来像这样：

var Id;
var Name;
function Check(id, name)    {
Id = document.getElementById(id);
Name = document.getElementById(name);
if (Id.value == id) {
    Name.checked = true;
    alert('correct');
    return;
} else  {
    Name.checked = false;
    alert('incorrect');
}
}
function ClearP()   {
document.getElementsByName("input").innerHTML = '';
}

我的html看起来像这样

<div class="content">
                    <div class="main_story" style="margin-bottom:20px;">
                        <p class="sentence">the word to go here -></p>
                        <input id="here" name="input" class="sentence" type="text" size="7">
                        <p class="sentence">is here</p>
                        <button style="float:right" id="correct" onClick="Check('here', 'aShow');">Correct?</button>
                        <input style="float:right" name="aShow" id="aShow" type="checkbox" value="">
                    </div>
                    <div class="main_story" style="margin-bottom:20px;">
                        <p class="sentence">the word to go here -></p>
                        <input id="you" name="input" class="sentence" type="text" size="7">
                        <p class="sentence">is you</p>
                        <button style="float:right" id="correct" onClick="Check('you', 'bShow');">Correct?</button>
                        <input style="float:right" name="bShow" id="bShow" type="checkbox" value="">
                    </div>
                    <button onClick="ClearP();">Clear</button>
                </div>

非常感谢所有帮助:)谢谢：）

Answer 1

function ClearP(){
    var inputs = document.getElementsByTagName("input");
    for(var i=0;i<inputs.length;i++)
        inputs[i].value = '';
}

Answer 2

给他们所有人另外一个类（可能是“可清除的”），然后找到并清除该类的所有项目。

Answer 3

如何使用jQuery，以及类似的内容：

$('[name="input"]').val("");

使用一个名称清除多个文本输入框

3 个答案: