html 버튼에서 자바 스크립트 호출

Question

내가하려는 일에 대한 간략한 요약입니다. 플라 스티 스를 사용하여 내 파이썬 서버에서 목록을받는 웹 페이지를 만들려고합니다. 그런 다음 목록의 각 요소를 확인란 양식으로 추가합니다. 그런 다음 javascript를 사용하여 체크 박스가 선택되었는지 확인하고 문자열을 플라스크 서버로 반환합니다. 나는 그것을 구현하려고 시도하고 지금까지 체크 박스 목록 생성이 작동한다. 난 그냥 html 버튼에서 자바 스크립트를 호출하는 방법을 알아낼 수 없습니다. onClick = "function"을 사용하려고했지만 작동하지 않는 것 같습니다. 내가 처음 #button 버튼 아래에 스크립트를 삽입 추천 할 것입니다

{% extends "layout.html" %} 
{% block content %} 

<!-- create the checkbutton lists --> 
    <tr><th>Courses</th></tr> 
<br> 
{% for i in class_name %} 
    <tr><td>{{i.name.tagline}}</td><td><input  type="checkbox" name="ischecked"></td></tr> 
<br><br> 
    {% endfor %} 

<!-- checkbox --> 
<script type = "text/javascript"> 
document.getElementById("button").click(getChecks()); 

// function that finds checked boxes 
function getChecks() 
{ 
    var boxes = document.getElementsByName('ischecked'); 
    var checkedBox = []; 
    // loop through all checkboxes 
    for(var i =0; i < boxes.length; i++) 
    { 
     if(boxes[i].checked) 
     { 
      checkedBox.push(boxes[i]); 
     }   
     document.getElementById("demo").innerHTML = " " + boxes[i] + " "; 
    } 
    // return checkedBox.length > 0 ? checkedBox : null 
} 
</script> 

<div p="demo"></p> 
<br> 
<input type="button" id ="button" value = "advise" /> 

<tr><th>endpage</th></tr> 
{% endblock %}` 

Answer 1

,이 방법은 DOM의 요소가 먼저로드됩니다. 다음 onclick는 기본 자바 스크립트에서이 같은 포맷 :

document.getElementById("button").onclick = function() { 
    getChecks(); 
}; 

:

obj.onclick = function(){ ... }; 

그래서이 같은 포맷하려면