check box 채크 여부 확인
Language/HTML 2010. 9. 13. 09:19<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language="javascript">
function send()
{
var count=0;
//선택된것 갯수 체크
for (i=0; i<document.myform.rhkstla.length; i++ )
{
if (document.myform.rhkstla[i].checked==true)
{
count++;
}
}
//체크박스 선택개수가 3보다 크면
if (count>3)
{
//경고문을 띄우고
alert("3개까지만 선택하세요");
//전체 체크박스 해제
for (i=0; i<document.myform.rhkstla.length; i++ )
{
document.myform.rhkstla[i].checked=false;
}
}
}
</script>
</HEAD>
<BODY >
<form name="myform">
<table border="1">
<tr>
<td>관심 있는 분야는??</td>
<td>
<input type="checkbox" name="rhkstla" value="게임" onclick="send();">게임</input>
<br>
<input type="checkbox" name="rhkstla" value="만화" onclick="send();">만화</input>
<br>
<input type="checkbox" name="rhkstla" value="음악" onclick="send();">음악</input>
<br>
<input type="checkbox" name="rhkstla" value="영화" onclick="send();">영화</input>
<br>
<input type="checkbox" name="rhkstla" value="독서" onclick="send();">독서</input>
</td>
</tr>
</table>
</form>
</BODY>
</HTML>
------------------------------------------------------------------------------
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language="javascript">
function send()
{
var result="";
for (i=0; i<document.myform.list.length; i++ )
{
//체크된 값을 result변수에 누적(문자열)
if (document.myform.list[i].checked==true)
{
result +=document.myform.list[i].value+"\n";
}
}
//선택된 것 이 없으면
if (result=="")
{
alert("아무것도 선택하지 않으셨습니다");
}
//하나라도 선택이 됐으면
else
{
alert(result);
}
}
</script>
</HEAD>
<BODY>
<form name="myform">
<table border="1">
<tr>
<td>
<input type="checkbox" name="list" value="웹에디터 중급활용">웹에디터 중급활용</input>
<input type="checkbox" name="list" value="html활용">html활용</input>
<input type="checkbox" name="list" value="자바스크립트">자바스크립트</input>
<br>
<input type="checkbox" name="list" value="css">css</input>
<input type="checkbox" name="list" value="웹프로그래밍">웹프로그래밍</input>
<input type="checkbox" name="list" value="플래시">플래시</input>
<br>
<input type="button" value="listdysplay" onclick="send();">
</td>
</tr>
</table>
</form>
</BODY>
</HTML>
[출처] check box 속성|작성자 비제
'Language > HTML' 카테고리의 다른 글
| 메타(META)태그 (0) | 2010.10.07 |
|---|---|
| cellpadding, cellspacing (0) | 2010.09.29 |
| ifram 테두리 넣기 (0) | 2010.08.27 |
| embed 태그의 속성 (0) | 2010.08.19 |
| TD태그의 속성 (0) | 2010.07.05 |