Question

index.html包含：

<div class="result">{{ result|safe }}</div>

我有4个单独的复选框的输入列表，如下所示：

    <ul class="filterSection">
    <li>
        <strong>Show:</strong>
        <input checked="true" type="checkbox" name="check" value="value1"/>
        <label>First</label>
    </li>
    <li>
        <input checked="true" type="checkbox" name="check" value="value2"/>
        <label>Second</label>
    </li>

     <li>
        <input checked="true" type="checkbox" name="check" value="value3"/>
        <label>Third</label>
    </li>
     <li>
        <input checked="true" type="checkbox" name="check" value="value4"/>
        <label>Fourth</label>
    </li>
    </ul>

这是我需要帮助的部分。在javascript中，每次选中或取消选中复选框时，我都需要获取这4个值，并将所有4个值发送到服务器，而无需刷新页面。然后，我将基于这4个值对数据进行处理，然后将新数据发送回去。我需要在烧瓶中检索value1，value2，value3，value4，并知道它们是否已选中/未选中。到目前为止，这是我尝试过的事情：

$(function() {
    $.getJSON('/_filter', {
        b: $('input[name="check"]').val(),
      }, function(data) {
        $('.result').html(data.result)
    return false;
    });
    });

最后，在我的烧瓶应用程序中，我有：

@app.route('/_filter')
def filter_results():
    value = request.args.get('b') ## I don't know how to get all 4 values
    ##compare the 4 values  
    ##update index page with newdata based upon the values of the checkboxes            
    return jsonify(result=newdata)

Answer 1

您可以将onclick事件与复选框一起使用。在onclick事件中，触发一个函数，您可以在其中将关联的复选框的值存储在某个数组中，以获取所有复选框的值。

如何在不刷新页面的情况下从多个复选框中检索多个值

1 个答案: