从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();
};