從html按鈕調用javascript

Question

我正在嘗試做的快速摘要。 我正在嘗試制作一個使用flask從我的python服務器接收列表的網頁。 然后，它使用復選框形式添加列表的每個元素。 之后，使用javascript，我將找出已選中的復選框，並將字符串返回到flask服務器。 我已經嘗試實現它，到目前為止，復選框列表的創建已經完成。 我只是不知道如何從html按鈕調用javascript。 我嘗試使用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();
};