자바스크립트에서 input태그 name 속성으로 select하기

최대 1 분 소요

name이 memCheck인 input태그를 셀렉하려면?

<input type="checkbox" name="memCheck">
  • document.memCheck로 값을 가져올 수 있을까? 가져올 수 없다.

  • 그 이유는 form태그가 존재하지 않기 때문이다.

  • name 속성이란? form태그 전송 이벤트 발생 시, 서버로 데이터를 전송하기 위한 식별자이다.

  • 즉, 자바스크립트에서 document.name값 으로 값을 쉽게 선택할 수 있게 했던 이유는 form태그로 전송할 값이 너무 많을 때, 쉽게 전송할 데이터를 식별하기 위함이었던 것이다.

  • 그래서 form태그 없이, input 태그 단독으로 name 속성을 가질때에는 document.name속성명으로 값을 가져올 수 없다.

  • 만일, input태그를 name 속성으로 선택하려면? document.mainForm.memCheck 처럼 form태그가 존재해야 한다.

<form name="mainForm">
  <input type="checkbox" name="memCheck">
</form>