c# - 根据 Checkbox 选中的数据做 Ajax 调用

Question

大家好，我是 Jquery 和 Ajax 的新手。请帮助我实现我的解决方案。

目前，我正在根据我的模型值填充复选框，并进行 ajax 调用以获取每个选定值的国家/地区列表。

现在，如果用户单击“全部”复选框，我将尝试不显示模型值，我需要将“全部”作为我选择的值传递，以便我可以获取所有国家/地区。

所以在下面我添加了一个新的复选框 ID，上面写着 checkBoxAll 那么如果全部被选中我该如何进行 ajax 调用。可以写if stmt吗？

   <div id="checkboxes">
   <% foreach (var manufacturer in Model.Manufacturer)
   {%>
<input type="checkbox" id="<%: manufacturer.Id %>" class="checkbox" value="<%: manufacturer.Description %>" /><%: manufacturer.Description %><br />
<%} %>

<input type="checkbox" id="checkBoxAll" class="checkBoxAll" value="All" /> All <br />
<input type="button" value="GetCountries" class="brands" />

 <script type="text/javascript">
$(".brands").click(function (event) {
    event.preventDefault();
    var selected = "";
    var manu = "";
    var input = "";
    $("#checkboxes input:checked").each(function () {
        manu = $(this).val();
        selected = selected + "," + manu;
        $("#SelectedBrands").val(selected);
        });
    var productInput = "";
    var myUrl = "/Countries/GetCountiresForManufacturer/" + selected;
    $.ajax({
        url: myUrl,
        type: 'get',
        success: function (data) {
            productInput = data;
         $(".divNewCountriesList").html(productInput);
        }
    });
});

Answer 1

稍微清理一下您的代码。 当您取回数据时，为什么将其分配给您可以使用的新变量

$(div).html(data);


$('#checkboxes').each(function(){
     if(this.checked && $(this).hasClass("all")){ //or id
        //do something
     }else{
        //do something else
     }
});