Вызов javascript из кнопки html

Question

Краткое резюме того, что я пытаюсь сделать. Я пытаюсь создать веб-страницу, которая получает список с моего сервера python, используя флягу. Затем он добавляет каждый элемент списка в форму флажка. После этого, используя javascript, я выясню, какие флажки были отмечены, и верните строку на сервер флеш. Я попытался его реализовать, и пока работает создание списка флажков. Я просто не могу понять, как вызвать javascript из кнопки html. Я попытался использовать onClick = "function", но он, похоже, не работает.

{% 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

Я первый рекомендуем размещать свой сценарий под кнопкой #button, таким образом, элемент в DOM загружен первым. Далее onclick отформатирован, как это в родной JavaScript:

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

Итак, вы хотите отформатировать его, как это:

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