每次在php中选中复选框时调用ajax答案

【问题标题】：Call ajax each time when a checkbox is checked in php每次在php中选中复选框时调用ajax
【发布时间】：2014-04-19 04:04:14
【问题描述】：

我有一个页面，其中有一些复选框。现在，当我按下提交按钮时，我正在调用 ajax。但是我希望在选中任何复选框时调用 ajax。

我的调用ajax的代码如下。

<html>
<head>
<title>Insert title here</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
</head>
<body>

<script type="text/javascript">
    function get_check_value() {
        var c_value = [];

        $('input[name="brand"]:checked').each(function () {
            c_value.push(this.value);
        });
        return c_value.join(',');

    }
    function get_store_value(){
    var d_value=[];
        $('input[name="store"]:checked').each(function () {
            d_value.push(this.value);
        });
        return d_value.join(',');
        }

    $(document).ready(function(){
   $('#btnSubmit').on('change', function (e)
   {e.preventDefault();
    alert("hi");
        //var os = $('#originState').val();
       //var c = $('#commodity').val();
        //var ds = $('#destState').val();
        var ser = get_check_value();
        var store=get_store_value();
        //var queryString = "os=" + os;
        var data = "?ser=" + ser;
        var queryString = "&ser=" + ser;
        alert(ser);
       $.ajax({
       //alert("ajax");
        type: "POST",
        url: "sortingajax.php",
        data: {ser:ser,store:store},
        dataType :  'html',
        success: function (b) {
           // alert(a+' ok. '+b)
            $('#results').html(b);
            console.log(b);
        }
    });

  });
 });

</script>


brand
    <input type="checkbox" name="brand" value="Sunbaby" id="check" />Sunbaby
    <br/>
    <input type="checkbox" name="brand" value="Advance Baby" id="check"/>Advance Baby
    <br/>
    store
    <br/>
    <input type="checkbox" name="store" value="JC Penny" id="check"/>JC Penny
    <br/>
    <input type="checkbox" name="store" value="Supermart" />Suoermart
    <br/>
    <input type="checkbox" name="store" value="Target" />Target
    <br/>


<button id="btnSubmit">sort</button>
<div id="results">
</div>
</body>
</html>

目前我在按下按钮时调用 ajax，但我想每次都调用 ajax 并在选中任何复选框时获取结果.. 请告诉我我可以在上面的代码中更改或添加什么。

【问题讨论】：

ID 也必须是唯一的。你需要点击一个按钮

标签： javascript php jquery html ajax

【解决方案1】：

只需更改您的事件，然后点击您的复选框：

$( "[type=checkbox]" ).change(function () { ...

【讨论】：

点击复选框或需要模糊

【解决方案2】：

对已更改的复选框使用更改事件，并使用道具检查他是否被选中。

$("[type=checkbox]").change(function () {
    if(this).prop('checked')
    {
        // textbox is checked
    }
});

【讨论】：

点击复选框或需要模糊
这是一个类似的问题：stackoverflow.com/questions/8423217/…
我从来没有遇到过点击问题，但遇到了更改问题。在这种情况下，他希望每次访问复选框时都执行一次操作，从而使其更加相关，因为他的下一次单击可能是另一个框