すべてのボタンをリセットしてリストをドロップします

Question

注文フォームを作成しようとしています。私はあなたがあなたの注文を印刷するボタンを選択したときにも、それがすべての選択されたボタンをリセットさせるようにしたい。簡略化のために、私は私の実際の注文フォームの非常に単純化されたバージョンを与えている：

HTML：

<form id="myForm"> 
    <input type="checkbox"> 
    <input type="button"> 
    <input type="button" onclick="reset();" 
</form> 

Javascriptを：

function reset(){ 
    document.getElementById("myForm").reset(); 
} 

私の問題は、私はボタンをクリックしたときにということですページをリセットすると、チェックボックスが選択されたままになります。

Answer 1

あなたはちょうどその

<form id="myForm"> 
    //YOUR FORM ELEMENT EITHER CHECKBOX OR OTHERS 
    <input type="reset" value='RESET'/> 
</form> 

怒鳴るようRESETボタンを使用するために今すぐ任意のスクリプトコードを記述する必要はありませんリセットしたい場合は、タイプは=「リセット」あなたの内のすべての要素の意志自動ハンドルリセットフォームタグ。

Answer 2

問題は、あなたのHTMLで、最後の入力ボタンは、JSfiddle

<form id="myForm"> 
    <input type="checkbox"> 
    <input type="button"> 
    <input type="button" onclick="reset();"> 
</form> 

Javascriptコードに

function reset(){ 
    document.getElementById("myForm").reset(); 
} 

Answer 3

あなたのhtmlでアンバランスなタグがあります取り組んでいる。ここ正しく

を閉じていませんまたinput type='reset'を使用してフォームをリセットすることができます。

function reset() { 
 
    document.getElementById("myForm").reset(); 
 
}

<form id="myForm"> 
 
    <input type="checkbox"> 
 
    <input type="button"> 
 

 
    <input type="button" onclick="reset()" value="button reset"> 
 
    <!--Adding new input type --> 
 
    <input type="reset" value="reset"> </form> 
 
</form>