jQuery를 사용하여 체크 박스 변경시 html 페이지를 호출하는 방법은 무엇입니까?

Question

확인란을 선택하면 HTML 페이지가 호출되기를 원합니다. 다음 jQuery 코드를 시도했지만 작동하지 않습니다. 내가 저지른 실수는 무엇입니까?

<input class="checkbox" type="checkbox" name="my_checkbox" id="my_checkbox"/> 

편집

$('#my_checkbox').change(function() { 
if ($('#my_checkbox').attr("checked") == true) { 
    alert('Handler for .change() called.'); 
     $('#my_checkbox').addClass('jQlightbox'); 
      $.get('equation_section.html', function(data) { 
       $('.equation_section').html(data); 
     }); 
    } 
}); 

이 내 편집 코드 :

<script type="text/javascript"> 
     $('#my_checkbox').change(function() { 
     alert('Handler for .change() called.'); 
     $.get("equation_section.html"); 
     }); 
</script> 

는 그리고 이것은 내 체크 박스입니다. 이제 경고 상자가 나타납니다. 페이지가 div에로드됩니다. 이전 페이지 콘텐츠가 아닌 모달 창에 div 콘텐츠 만 표시되도록하려면 어떻게해야합니까? 누군가 제발 제발.

Answer 1

당신은 (아마도) 페이지를 받고, 그러나 그것으로 아무것도하지. 분명히, 당신은 jQuery.get() page

에서 샘플 코드를 조사해야합니다. 또한, 이것은 본질적으로 체크 상자가 클릭 될 때마다 호출된다는 것을 알고 있습니까?

<div id="equation_section"></div> 

자바 스크립트 : 당신이 경우

<script type="text/javascript"> 
// on DOM load 
$(function() { 

    $('#my_checkbox').change(function() { 
    alert('Handler for .change() called.'); 
    $.get('equation_section.html', function(data) { 
     $('#equation_section').html(data); 
    }); 
    }); 

}); 
</script> 

페이지에서

: 당신은 사업부로에게 "equation_section.html"페이지를로드하려면 다음을 수행 할 수 사용자를 다른 페이지로 리디렉션하려고 할 때 location.href = "equation_section.html";

Answer 2

페이지의 위치를 ​​변경 하시겠습니까? 그렇다면 window.location = "equation_section.html"을 사용할 수 있습니다. 그렇지 않으면 DOM 요소의 html을 설정해야합니다.

HTML

<div id="test_div"></div> 

자바 스크립트

$("#test_div").load("equation_section.html");