Question

我正在尝试做的快速摘要。我正在尝试创建一个网页，使用flask从我的python服务器接收列表。然后，它会使用复选框表单添加列表的每个元素。之后使用javascript我将找出已经检查了哪些复选框并将字符串返回到烧瓶服务器。我试图实现它，到目前为止复选框列表创建工作。我只是无法弄清楚如何从html按钮调用javascript。我尝试使用onClick =＆＃34; function＆＃34;但它似乎没有用。

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

从html按钮调用javascript

1 个答案: