체크박스 이미지 삭제하고 그냥 체크박스........ 정보
그누보드 체크박스 이미지 삭제하고 그냥 체크박스........
본문
위에 채크박스 하나 만들어서 .... 누르면 전체 선택 또는 전체 해제 될수 있게 만드는방법줌
알려주세요 ....
댓글 전체
감사 합니다. ^^
이런 이런... 그게 싫다니... ㅜ_ㅜ
그럼 원하시던 소습니다.
<HTML>
<HEAD>
<TITLE> 체크박스 전체선택 </TITLE>
<SCRIPT LANGUAGE="JavaScript">
var checkflag = "false";
function check(field) {
if (checkflag == "false") {
for (i = 0; i < field.length; i++) {
field[i].checked = true;}
checkflag = "true";
return "몽땅해제"; }
else {
for (i = 0; i < field.length; i++) {
field[i].checked = false; }
checkflag = "false";
return "몽땅선택"; }
}
</script>
</HEAD>
<BODY bgcolor="#000080">
<form name=myform action="" method=post>
<table>
<tr><td>
<font color="#FFFFFF">
<b>체크박스 선택하기</b><br>
<input type=checkbox name=list value="1">첫번째<br>
<input type=checkbox name=list value="2">두번째<br>
<input type=checkbox name=list value="3">세번째<br>
<input type=checkbox name=list value="4">네번째<br>
<input type=checkbox name=list value="5">다서번째</font><br>
<br>
<input type=button value="몽땅 선택" onClick="this.value=check(this.form.list)">
</td></tr>
</table>
</form>
</BODY>
</HTML>
그럼 원하시던 소습니다.
<HTML>
<HEAD>
<TITLE> 체크박스 전체선택 </TITLE>
<SCRIPT LANGUAGE="JavaScript">
var checkflag = "false";
function check(field) {
if (checkflag == "false") {
for (i = 0; i < field.length; i++) {
field[i].checked = true;}
checkflag = "true";
return "몽땅해제"; }
else {
for (i = 0; i < field.length; i++) {
field[i].checked = false; }
checkflag = "false";
return "몽땅선택"; }
}
</script>
</HEAD>
<BODY bgcolor="#000080">
<form name=myform action="" method=post>
<table>
<tr><td>
<font color="#FFFFFF">
<b>체크박스 선택하기</b><br>
<input type=checkbox name=list value="1">첫번째<br>
<input type=checkbox name=list value="2">두번째<br>
<input type=checkbox name=list value="3">세번째<br>
<input type=checkbox name=list value="4">네번째<br>
<input type=checkbox name=list value="5">다서번째</font><br>
<br>
<input type=button value="몽땅 선택" onClick="this.value=check(this.form.list)">
</td></tr>
</table>
</form>
</BODY>
</HTML>
우선 감사 합니다.
위에것은 다른데 써먹어야겠네요 ^^
그런데 ... 어자피 전체 체크 할건데...... 드레그 할필요가 ㅡㅡ?
그냥 단순하게 한번만 채크하면 전체 되게 하는 방법이 저한데는 좋게군요 ^^
간단한 소스 없을까요??
위에것은 다른데 써먹어야겠네요 ^^
그런데 ... 어자피 전체 체크 할건데...... 드레그 할필요가 ㅡㅡ?
그냥 단순하게 한번만 채크하면 전체 되게 하는 방법이 저한데는 좋게군요 ^^
간단한 소스 없을까요??
그런 스크립은 너무 흔합니다.
이 강력한 걸 추천합니다.
<form name="dragchkform" method="get">
<input type="checkbox" name="dragchk"> 체크박스 1<br>
<input type="checkbox" name="dragchk"> 체크박스 2<br>
<input type="checkbox" name="dragchk"> 체크박스 3<br>
<input type="checkbox" name="dragchk"> 체크박스 4<br>
<input type="checkbox" name="dragchk"> 체크박스 5<br>
<input type="checkbox" name="dragchk"> 체크박스 6<br>
<input type="checkbox" name="dragchk"> 체크박스 7<br>
<input type="checkbox" name="dragchk"> 체크박스 8<br>
<input type="checkbox" name="dragchk"> 체크박스 9<br>
<input type="checkbox" name="dragchk"> 체크박스 10<br>
</form>
<script language="javascript">
var dragchkstat = "off";
function dragchkNOOP() { return false; }
function dragchkOnMouseDown() {
if (this.checked) {
dragchkstat = "uncheck"; this.checked = false;
} else {
dragchkstat = "check"; this.checked = true;
}
return false;
}
function dragchkOnMouseOver() {
switch (dragchkstat) {
case "off":
break;
case "check":
this.focus(); this.checked = true; break;
case "uncheck":
this.focus(); this.checked = false; break;
}
return false;
}
function dragchkOnMouseUp() { dragchkstat = "off"; return true; }
for (i = 0; i < document.dragchkform.dragchk.length; i++) {
document.dragchkform.dragchk[i].onclick = dragchkNOOP;
document.dragchkform.dragchk[i].onmousedown = dragchkOnMouseDown;
document.dragchkform.dragchk[i].onmouseover = dragchkOnMouseOver;
document.onmouseup = dragchkOnMouseUp;
}
</script>
`드레그 하듯... 긁으면` 모두 선택, 모두 해재
이 강력한 걸 추천합니다.
<form name="dragchkform" method="get">
<input type="checkbox" name="dragchk"> 체크박스 1<br>
<input type="checkbox" name="dragchk"> 체크박스 2<br>
<input type="checkbox" name="dragchk"> 체크박스 3<br>
<input type="checkbox" name="dragchk"> 체크박스 4<br>
<input type="checkbox" name="dragchk"> 체크박스 5<br>
<input type="checkbox" name="dragchk"> 체크박스 6<br>
<input type="checkbox" name="dragchk"> 체크박스 7<br>
<input type="checkbox" name="dragchk"> 체크박스 8<br>
<input type="checkbox" name="dragchk"> 체크박스 9<br>
<input type="checkbox" name="dragchk"> 체크박스 10<br>
</form>
<script language="javascript">
var dragchkstat = "off";
function dragchkNOOP() { return false; }
function dragchkOnMouseDown() {
if (this.checked) {
dragchkstat = "uncheck"; this.checked = false;
} else {
dragchkstat = "check"; this.checked = true;
}
return false;
}
function dragchkOnMouseOver() {
switch (dragchkstat) {
case "off":
break;
case "check":
this.focus(); this.checked = true; break;
case "uncheck":
this.focus(); this.checked = false; break;
}
return false;
}
function dragchkOnMouseUp() { dragchkstat = "off"; return true; }
for (i = 0; i < document.dragchkform.dragchk.length; i++) {
document.dragchkform.dragchk[i].onclick = dragchkNOOP;
document.dragchkform.dragchk[i].onmousedown = dragchkOnMouseDown;
document.dragchkform.dragchk[i].onmouseover = dragchkOnMouseOver;
document.onmouseup = dragchkOnMouseUp;
}
</script>
`드레그 하듯... 긁으면` 모두 선택, 모두 해재
