Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
sample14
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("button").click(function(){
$(":checkbox").attr("checked","checked");
});
});
</script>
<body>
스킬:
value="JavaScript" id="javascript" />
</body>
</html>
체크박스 전체 선택 후 해지 할려면.. 이 상태에서 어떻게 하면 되나여??
몇가지 방법을 다 써봤는데.. 잘 안되서...
==========>
$(function(){
$("button").click(function(){
if($(":checkbox").attr("checked","checked")) {
$(":checkbox").attr("checked","checked");
} else {
$(":checkbox").removeAttr("checked","");
});
});
==> 이렇게 하면 되는거 아닌가여??
잘안되서...
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("button").click(function(){
$(":checkbox").attr("checked","checked");
});
});
</script>
<body>
스킬:
value="JavaScript" id="javascript" />
</body>
</html>
체크박스 전체 선택 후 해지 할려면.. 이 상태에서 어떻게 하면 되나여??
몇가지 방법을 다 써봤는데.. 잘 안되서...
==========>
$(function(){
$("button").click(function(){
if($(":checkbox").attr("checked","checked")) {
$(":checkbox").attr("checked","checked");
} else {
$(":checkbox").removeAttr("checked","");
});
});
==> 이렇게 하면 되는거 아닌가여??
잘안되서...
2012.08.09 10:44:27 (*.218.235.4)
안녕하세요 역자 신대호 입니다.
새로 작성하신 스크립트를 보면
if($(":checkbox").attr("checked","checked")) {...}
이런식으로 작성하셨는데요 이것은 checkbox의 checked 속성을 checked로 지정하라는 의미 입니다.
그러므로 checked 가 지정되어 있을 경우에 else문을 타는 로직은 아닙니다.
원하시는 대로 else쪽을 타려면
if($(":checkbox").is(":checked")) {...}
이렇게 .is 를 사용하시면 됩니다.
팁으로 위와 같은 로직은 전체 checkbox에 대해 체크 되거나 안되거나만 제어할 수 있고
아래와 같은 로직을 쓰면 체크된 것은 언체크로 언체크는 체크로 하는 기능이 됩니다.
$(":checkbox").each(function (index) {
if($(this).is(":checked")) {
$(this).attr("checked", "");
} else {
$(this).attr("checked", "checked");
}
});
});
감사합니다~
새로 작성하신 스크립트를 보면
if($(":checkbox").attr("checked","checked")) {...}
이런식으로 작성하셨는데요 이것은 checkbox의 checked 속성을 checked로 지정하라는 의미 입니다.
그러므로 checked 가 지정되어 있을 경우에 else문을 타는 로직은 아닙니다.
원하시는 대로 else쪽을 타려면
if($(":checkbox").is(":checked")) {...}
이렇게 .is 를 사용하시면 됩니다.
팁으로 위와 같은 로직은 전체 checkbox에 대해 체크 되거나 안되거나만 제어할 수 있고
아래와 같은 로직을 쓰면 체크된 것은 언체크로 언체크는 체크로 하는 기능이 됩니다.
$(":checkbox").each(function (index) {
if($(this).is(":checked")) {
$(this).attr("checked", "");
} else {
$(this).attr("checked", "checked");
}
});
});
감사합니다~
2012.08.09 10:47:33 (*.218.235.4)
참고로 $(":checkbox").is(":checked") 는 checkbox의 값이 checked이면 true 아니면 false를 리턴합니다.
2012.08.10 21:53:17 (*.39.129.50)
<html>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function(){
$("button").click(function(){
if ($(":checkbox").is("checked")) {
$(":checkbox").attr("checked", "");
} else {
$(":checkbox").attr("checked", "checked");
}
});
});
//$(function(){
// $("button").click(function(){
//if($(":checkbox").attr("checked","checked")) {
//$(":checkbox").attr("checked","checked");
//} else {
//$(":checkbox").removeAttr("checked","");
//});
//});
</script>
<body>
스킬:
</body>
</html>
2012.08.10 21:54:18 (*.39.129.50)
하단에 전부체크 버튼말고 하단 더 만드나여?? 만들면 어떤식으로 만들어 주나여??
그리고 선생님 방식으로 하니까 전혀 안먹혀드는데여???
그리고 선생님 방식으로 하니까 전혀 안먹혀드는데여???
2012.08.14 10:03:24 (*.218.235.4)
안녕하세요 역자 입니다.
버튼하나 더 만들필요없이 있던 부분을 교체 해주시면 됩니다.
전혀 먹히지 않는 이유는 : 를 빠뜨렸기 때문입니다.
if ($(":checkbox").is("checked")) { 가 아니라 if ($(":checkbox").is(":checked")) { 입니다.
동일한 버튼갖고 동작하는 부분입니다.
감사합니다.
버튼하나 더 만들필요없이 있던 부분을 교체 해주시면 됩니다.
전혀 먹히지 않는 이유는 : 를 빠뜨렸기 때문입니다.
if ($(":checkbox").is("checked")) { 가 아니라 if ($(":checkbox").is(":checked")) { 입니다.
동일한 버튼갖고 동작하는 부분입니다.
감사합니다.
2012.08.18 15:40:27 (*.39.129.50)
<html>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function(){
$("button").click(function(){
if ($(":checkbox").is(":checked")) {
$(":checkbox").attr("checked", "");
} else {
$(":checkbox").attr("checked", "checked");
}
});
});
</script>
<body>
스킬:
</body>
</html>
=============> 그대로 했는데뎌.. 적용이 안되네여...
감사합니다.