javascript - 1つの名前で複数のテキスト入力ボックスをクリアする

Question

こんにちは私はいくつかのテキスト入力ボックスを持っています、そして私はクリアボタンを持っています、それらはすべて同じ名前を共有しています、そして私はそれらすべてを1つの関数を使用してクリアしたいと思います、そしてこれは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("");