Javascriptのappendchildチェックボックスから要素の状態を取得するにはどうすればよいですか？

Question

私はappendchildでチェックボックスを作成しています。私は彼らの状態を確認できるようにしたい。フォーマットがdocument.form.checkboxname.valueであるはずですが、私が使用するフォーム名またはチェックボックス名の組み合わせに関係なく、私には応答がありません。

 var myParagraph=document.getElementById("myLine"); 
      myForm = document.createElement("FORM"); 
      myForm.setAttribute("name", "myForm2"); 
      mytable = document.createElement("TABLE"); 

     var CB_Delete = document.createElement('input'); 
      CB_Delete.type = "checkbox"; 
      CB_Delete.name = "CB_Test"; 
      CB_Delete.setAttribute("name", "CBTest2"); 
      CB_Delete.value = 2; 
      CB_Delete.onclick = answer; 
      theCell.appendChild(CB_Delete); 

要約このチェックボックスをオンにすると、応答機能で警告が表示されます。どうもありがとうございます！ フォームとチェックボックスをアラート（document.form.checkbox.value）で置き換える方法を明確にするにはどうすればよいですか？

Answer 1

CB_Delete.checkedが動作するはずです。 HTMLInputElement on MDNを参照してください。

console.log(CB_Delete.checked); 

jsFiddle Demo

---

• あなたのチェックボックスがオンまたはオフにするには、あなたはそれぞれCB_Delete.checked = trueかCB_Delete.checked = falseを行うだろう。 checkedはブール値を持つと予想されるオブジェクトプロパティです。 CB_Delete.checkedは単に現在の値を照会します。

• イベントハンドラ関数では、現在イベントを処理している要素をthisとして参照できます。だから、私の以前のjsFiddleの例から：

  CB_Delete.onchange = function() { 
      console.log(this.checked); /* this refers to the checkbox here */ 
  }; 
  

  あなたにも、あなたのanswer機能でthisを使用することができます。

• handling events on Quirksmodeについて詳しく読むことができます。

• 注：CB_Delete.onchangeを使用すると、ほとんどの場合、イベントハンドラを接続することは非常に古く、実際には推奨されません。これを行うには、CB_Delete.addEventListener('change', answer, false)を使用するのが正しい方法です。以前のIEでは問題がありますが、代わりにattachEvent()があります。 this technique and why to use it on Quirksmodeについて読むことができます（記事は3歳ですが、"Unfortunately few browsers support it at the moment."のようなものを読むときはこれを考慮に入れてください）。ブラウザの相違を隠すために、jQueryのようなライブラリを使用することができます。