이전 목록 다음
채택완료

모달 팝업창에서 버튼 클릭시 부모창 체크박스 활성화

인찌
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-11-04 (목) 14:09:28 2,876

고수님들!! 
제목과 같은 기능 어떻게 구현할수 있는지 가르쳐주실수 있을까요?
초보다보니 계속 고민만 하고 있습니다ㅠ

javascript modal checkbox
|

답변 2개 / 댓글 4개

채택된 답변
+20 포인트
마마르스컴퍼니
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-11-04 (목) 15:36:45

별도의 팝업창이 아닌 레이어 팝업 형태입니다. 부모창 개념이 성립하지 않습니다.

이런 경우에는.. 동일창(동일 페이지)으로 생각하고 처리하면 됩니다.

<script>

function checked_agree() {

  $('input[name="agree"]').prop('checked', true);

}

</script>

탈탈퇴회원
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-11-04 (목) 14:32:10

밑에 답글 달았는데 모르면 추가 댓글 다시지... ㅠ.ㅜ

답변에 대한 댓글 4개

인찌
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-11-04 (목) 14:55:40
자세히 알려주실 수 있을까요?
백수1995
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-11-04 (목) 15:05:18
window.parent.document 하면 상위 부모 객체 입니다.
거기에서 getElementById 해서 해당 객체 찾아서 값 넣어주면 되죠
인찌
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-11-04 (목) 15:31:43
제가 초보라 아래 코드로 설명해주실수 있을까요?
모달에서 동의 버튼을 누르면 부모 객체의 체크박스가 표시됩니다


[code]
<label>
<em><input type="checkbox" name="agree" value="1" id="ipc">
<span></span>
[필수] 서비스 이용약관에 동의합니다.</em>
<button type="button" class="btn btn-primary" data-toggle="modal"
data-target="#agree1">전문보기</button>
</label>

<!-- Modal -->
<div class="modal fade agree_content" id="agree1" tabindex="-1" role="dialog"
aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">

<div class="modal-body ">
<h1>이용약관</h1>

<textarea>
제 1 조 (목적)

이 약관은 ~~
</textarea>

<button onclick="checked_agree()" type="button" class="btn btn-secondary" data-dismiss="modal">동의</button>

</div>

</div>
</div>
</div>
[/code]
백수1995
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-11-04 (목) 15:55:29
@마르스컴퍼니 답글 다셨네요

코드가 있었으면 답이 쉽게 나왔겠군요

답변을 작성하려면 로그인이 필요합니다.