<html>
<head>
<title> New Document </title>
<script language="javascript">
function fnDataSubmit(){
var frm = document.form;
var cnt = 0;
var choiceSport = "";
for(var i=0; i<frm.elements("sport").length; i++){
if(frm.elements("sport")[i].checked == true){
choiceSport += frm.elements("sport")[i].value + "&&";
cnt++;
}
}
//위의 코드는 아래와 같이 사용해도 됨
/*
for(var i=0; i<frm.sport.length; i++){
if(frm.sport[i].checked == true){
choiceSport += frm.sport[i].value + "&&";
cnt++;
}
}
*/
alert(choiceSport);
//alert(cnt);
}
</script>
</head>
<body>
<form name="form" method="post">
<input type="checkbox" name="sport" value="soccer">축구<br>
<input type="checkbox" name="sport" value="baseball">야구<br>
<input type="checkbox" name="sport" value="basketball">농구<br>
<input type="checkbox" name="sport" value="golf">골프<br>
<input type="checkbox" name="sport" value="etc">기타<br>
<input type="button" name="trans" value="submit" onClick="fnDataSubmit();">
</form>
</body>
</html>
이런식으로 처리하면 되니
간단하게 응용도 가능...
'프로그램 > Html & Js & Css' 카테고리의 다른 글
| [JS] - 자바스크립트에서 많이 사용하는 Array (0) | 2009.04.02 |
|---|---|
| cancelBubble (1) | 2009.04.01 |
| [펌] - 자바스크립트 강좌, 사용법, 객체, 이벤트 등 (0) | 2009.03.30 |
| [펌] - 유용한 서브메뉴_02 (IE/파폭 지원) (0) | 2009.03.30 |
| [펌] - 유용한 서브메뉴_01 (IE/파폭 지원) (0) | 2009.03.30 |