Question

我正在开发一个网页，该网页显示有关使用网址中的GET变量的汽车信息。示例网址：

http://www.example.com/list.php?cat=cars.

示例输出：

Company       Car          Price

Maruti        Alto         200000
Hyundai       i10          400000
Hyundai       i20          600000
Honda         Civic        600000
Maruti        Zen          150000
Tata          Safari      1000000

我的页面有一些表单复选框，用于过滤公司，汽车等。

形式：

<form id="form" method="post" action="list.php?cat=cars">
<input type="checkbox" value="m" name="car"/>Maruti
<input type="checkbox" value="Hy" name="car"/>Hyundai           
<input type="checkbox" value="H" name="car"/>Honda               
<input type="checkbox" value="T" name="car"/>Tata
</form>

我现在能找到的是一个脚本，显示输出为＆＃34; car = m＆＃34;如果我只是检查Maruti复选框＆amp; m，H，T如果我检查Maruti，Honda和Tata复选框等等作为警报框。

脚本：

$(document).ready(function()
{
    $('input[type="checkbox"]').on('change', function(e) {
    var data = {};
    var dataStrings = [];

    $('input[type="checkbox"]').each(function() {
        if (this.checked) {
            if (data[this.name] === undefined) data[this.name] = [];
            data[this.name].push(this.value);
        }
    });

    $.each(data, function(key, value)
    {
        dataStrings.push(key + "=" + value.join(','));
    });

    var result = dataStrings.join('&');

    alert(result);

    <!-- $.post('/ajax-post-url/', data); -->
    if (history.pushState) {
        history.pushState(null, null, loc.pathname + '?' + data);
    }
});
              });

现在，我想在单击一个或多个复选框时更改同一页面上的输出。更新鲜到jquery和AJAX。感谢...

在同一页面上显示复选框结果

0 个答案: