從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

回答

相關問題