2010-11-30 6 views
0

以下のスクリプトでは、追加ボタンをクリックすると3つの要素が追加されます。ボタンonclickは最初の追加チェックボックスのみをチェックします

  • チェックボックス
  • 入力テキストフィールド
  • 削除ボタン今の

、削除ボタンをクリックしたときにチェックボックスがチェックされ、 私は別のものを追加(のは、それを呼び出してみましょうグループ)の3つの項目は、スクリプトが動作しません。

誰かが何らかの方法で要素をどのようにリンクできるか説明できます。 追加ボタンをクリックするたびに、要素はクリック時に同時に作成された要素にリンクされます。

は、新しいチェックボックスを追加するたびに、あなたは

cb.id = "id" 

を実行している要素は、固有のIDを持っていなければならないので、これは、問題がある事前にそんなに

<html> 
    <head> 
    <script language="Javascript"> 

    function append() 
    { 
    var cb = document.createElement("input"); 
    cb.type = "checkbox"; 
    cb.id = "id" 
      cb.checked = false; 

    var textfield = document.createElement("input"); 
    var delbtn = document.createElement("input"); 
    delbtn.type = "button"; 
    delbtn.value = "remove"; 
    delbtn.onclick= function(){remove()} 

    document.getElementById('append').appendChild(cb); 
    document.getElementById('append').appendChild(textfield); 
    document.getElementById('append').appendChild(delbtn); 
    } 


function remove() 
{ 
    id.checked = true;  
} 
    </script> 
    </head> 
    <body> 
     <div id="append"></div> 
     <input type="button" value="append" onClick="javascript:append()"/> 
    </body> 
</html> 

答えて

1

、ありがとうございました。

また、あなたはグローバルスコープでそのIDによって要素を参照している:

id.checked = true; 

あなたは()の代わりに、標準のdocument.getElementByIdを使用する必要があります。

+0

ありがとうございますが、それは私が3つの作成された要素から配列を作らなければならないということですか? – Opoe

関連する問題