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.
Radio 의 value값 활용하기
<input type="radio" name="Group" value=" "> 둥근버튼
name == radio의 gruop 이름, name이 같은 버튼 중 하나를 선택 할 수 있음.
value == 각 radio 버튼의 value 값.
getElementsByName(' ').value 를 사용하여, 같은 name을 가지는 value값들을 불러올 수 있음.
ex.
JavaScript 버튼을 선택한 후, 답안지제출을 누른다면, 다음과 같은 화면이 출력됨.
ex2. value로 배경색상 바꾸기
checkbox 의 value값 활용하기
<input type="checkbox" name="gourp" value=" "> 체크박스
name == radio의 gruop 이름, name이 같은 버튼 중 하나를 선택 할 수 있음.
value == 각 radio 버튼의 value 값.
getElementsByName(' ').value 를 사용하여, 같은 name을 가지는 value값들을 불러올 수 있음.
ex.