체크박스를 다중 선택할 때, 순서대로 연속해서 체크는 가능하나 중간을 뛰어 넘으면 경고창 띄우기에 대한 방법이 있을 까요? 채택완료
우드노트
7년 전
조회 4,842
안녕하세요.
스크립트 질문입니다.
체크박스를 다중 선택할 때, 순서대로 연속해서 체크는 가능하나 중간을 뛰어 넘으면 경고창 띄우기에 대한 방법이 있을 까요?
선택 시 아래 방향으로 체크할 수도 있고 위 방향으로 있을 수 있고,
관련해서 구현 아이디어가 떠오르지 않네요 ㅠㅠ
</p>
<p><form name=fwrite>
<input type="checkbox" name="사과" onclick=showpicks() value="사과">
<input type="checkbox" name="배" onclick=showpicks() value="배">
<input type="checkbox" name="딸기" onclick=showpicks() value="딸기">
<input type="checkbox" name="수박" onclick=showpicks() value="수박">
<input type="checkbox" name="체리" onclick=showpicks() value="체리">
<input type="checkbox" name="오렌지" onclick=showpicks() value="오렌지">
</form></p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
7년 전
</p>
<p><form name=fwrite>
<input type="checkbox" name="사과" class="fruit" value="사과">사과
<input type="checkbox" name="배" class="fruit" value="배">배
<input type="checkbox" name="딸기" class="fruit" value="딸기">딸기
<input type="checkbox" name="수박" class="fruit" value="수박">수박
<input type="checkbox" name="체리" class="fruit" value="체리">체리
<input type="checkbox" name="오렌지" class="fruit" value="오렌지">오렌지
</form></p>
<p>
<script></p>
<p>
$(function(){</p>
<p> $(".fruit").click(function(){</p>
<p> var fruit = new Array();
var i=0;
$(".fruit").each(function(index){
if($(this).is(":checked")){
fruit[i]=index;
i++;
}
});</p>
<p> if(fruit.length != 1){
var temp = fruit[0];
for(var k=1; k<fruit.length; k++){
if(temp+k != fruit[k]){
alert("연속으로 체크하셔야 합니다.");
if($(this).is(":checked"))
$(this).is(":checked",false);
else
$(this).is(":checked",true);
return false;
}
}
}
});
});
</script></p>
<p> </p>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
우드노트
7년 전
벌아뉨 ! 엄지척 !
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인