javascript - 单击 'submit' 时将复选框值传递给 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>