자바에서 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을 참조하십시오.

• 당신의 체크 박스를 만들려면

  ---

  jsFiddle Demo

  console.log(CB_Delete.checked); 
  

  는 각각 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과 같은 라이브러리를 사용할 수 있습니다.