My Programing/HTML and JavaScript

JS :: 선택한 체크박스 확인

nkdk 2008. 6. 16. 10:12

  • 체크박스양식
    • checked : 체크유무를 설정하거나 반환합니다.
    • defaultChecked : 초기의 체크유무를 설정하거나 반환합니다.
    • name : 체크박스의 이름을 반환합니다.
    • type : type속성에 입력된 값을 반환합니다.
    • value : 항목 문자열을 설정하거나 반환합니다.
    • blur() : 체크양식의 포커스를 제거합니다.
    • click() : 체크양식을 클릭합니다.
    • focus() : 체크양식에 포커스를 지정합니다.

<html>
<script language="JavaScript">
<!--

function click_ev() {
var mystr = "";

if(frm1.click1.checked)
  mystr += "네이버를 선택했습니다.\n"
if(frm1.click2.checked)
  mystr += "다음을 선택했습니다.\n"
if(frm1.click3.checked)
  mystr += "엠파스를 선택했습니다.\n"
if(mystr == "")
  mystr = "아무것도 선택하지 않았습니다."

alert(mystr);
}
// -->
</script>
<body>

::: 사용하는 포털사이트는? :::
<form name="frm1" method="post">
<input type="checkbox" name="click1">1, 네이버
<input type="checkbox" name="click2">2, 다음
<input type="checkbox" name="click3">3, 엠파스<br><br>
<input type="button" value="확인" onclick="click_ev()">
</form>

</body>
</html>