單擊“提交”后將復選框值傳遞給js

Question

我通過id ='checkboxes'的js函數從數據庫中查詢了一堆復選框。 我正在嘗試將檢查的值傳遞給js函數，但控制台返回未定義的終結點（即.... / undefined HTTP / 1.1 200-）

HTML：

<form action="javascript:getQuestionData(this.value)" method="post">
        <div id="checkboxes">
        </div>
        <input type='submit' value="Submit">
        </input>
  </form>

使用Javascript：

function getQuestionData(sampleValue) {

    document.getElementById("question").innerHTML = ""
    document.getElementById("solve").innerHTML = ""

    var endPointQuestionData = '/api/v1/questions/' + sampleValue
    Plotly.d3.json(endPointQuestionData, function(error, response) {

        if (error) return console.warn(error);

        appendInnerHTML(response)
    });

};

為什么檢查后的值沒有傳遞給getQuestionData函數？

Answer 1

在提交按鈕中添加以下代碼：

onclick='return getQuestionData();

 function getQuestionData() { var question = document.getElementsByName("question")[0].checked; alert(question); var endPointQuestionData = '/api/v1/questions/' + question Plotly.d3.json(endPointQuestionData, function(error, response) { if (error) return console.warn(error); appendInnerHTML(response) }); }; 

 <form method="post"> <input type="checkbox" name="question" value = "Question"> Question<br> <input type="checkbox" name="question" value = "Solve"> Solve<br> <input type='submit' value="Submit" onclick = "getQuestionData()"> </form>