JavaScript :: input _ value값 가져오기

 

 

 

  Button  

<input type="button" value=" " onclick="function()">

 

value == 버튼 위에 표시되는 문자.

onclick == 클릭했을 때 실행되는 함수.

 

 

 

 

  text 박스의 value값 활용하기  

<input type="text" id=" " value=" ">

 

value == text 박스에 표시되는 글자.

id 값을 준 후, script에서 getElementByID(' ').value 를 사용하여, value 값을 가져올 수 있음.

 

 

 

ex. 

html

script

web

 

 

 

 

  Radio 의 value값 활용하기 

<input type="radio" name="Group" value=" "> 둥근버튼

 

name == radio의 gruop 이름, name이 같은 버튼 중 하나를 선택 할 수 있음.

value == 각 radio 버튼의 value 값.

 

 getElementsByName(' ').value 를 사용하여, 같은 name을 가지는 value값들을 불러올 수 있음.

 

ex.

html

script

web

 

JavaScript 버튼을 선택한 후, 답안지제출을 누른다면, 다음과 같은 화면이 출력됨.

 

 

 

ex2. value로 배경색상 바꾸기

html

script

 

 

 

 

  checkbox 의 value값 활용하기 

<input type="checkbox" name="gourp" value="  "> 체크박스

 

name == radio의 gruop 이름, name이 같은 버튼 중 하나를 선택 할 수 있음.

value == 각 radio 버튼의 value 값.

 

 getElementsByName(' ').value 를 사용하여, 같은 name을 가지는 value값들을 불러올 수 있음.

 

 

ex.

html

script