스크립트 질문 드려봅니다 ~
본문
행 추가를 하는데 "3개까지 추가 가능합니다." 알럿창 뜬 후에 멈춰야 되는데
알럿창 뜨면서 한개가 더 추가가 되는데요..
아래 빨간 부분에 머를 넣어줘야 알럿창만 깔끔하게 딱 뜨구 멈출까요~ ?
$(function () {
var num = 3;
$('.btnAdd').click (function () {
$('.buttons').append ('<input type="file" name="file"> <div class="btnRemove" style="display:inline-block"><i class="fa fa-minus" aria-hidden="true" title="이미지삭제"></i></div><br>');
$('.btnRemove').on('click', function () {
$(this).prev().remove ();
$(this).next ().remove ();
$(this).remove ();
});
if($("div.buttons > input").size() > num) {
alert ('3개 까지 가능 합니다.');
..............
}
});
});
답변 2
체크 하는걸 먼저하시면 될거 같은데요?
클릭을 한 후에 먼저 체크를 해도 알럿창 후에 여전히 한개가 더 추가가 되네요..
if(num > num2) {
alert (""+num+"개 까지 가능합니다.");
} else {
$('.buttons').append ('<input type="file" name="file"> <div class="btnRemove" style="display:inline-block"><i class="fa fa-minus" aria-hidden="true" title="이미지삭제"></i></div><br>');
$('.btnRemove').on('click', function () {
$(this).prev().remove ();
$(this).next ().remove ();
$(this).remove ();
});
}
이렇게 if ~ else 로 하면 될것을.. 헤맸네요 ㅎㅎ;;
어잿든 감사합니다~
