从html按钮调用javascript

快速总结我正在尝试做什么。我正在试图制作一个网页，使用烧瓶从我的python服务器接收一个列表。然后它用复选框的形式添加列表的每个元素。之后使用javascript我会找出哪些复选框已被检查并将字符串返回到瓶服务器。我试图实现它，迄今为止复选框列表的创建工作。我只是不知道如何从HTML按钮调用JavaScript。我试图使用onClick =“函数”，但它似乎不工作。从html按钮调用javascript

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

来源

2014-09-27 scott vaughn

我首先建议把你的脚本下面的#button按钮，这样在DOM元素第一次加载。接下来onclick格式化像这样在本地JavaScript：

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

所以，你要像这样格式化：

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

来源

2014-09-27 02:50:47

从html按钮调用javascript

回答

相关问题