基于Checkbox选择的数据进行Ajax调用

时间:2013-09-09 08:39:40

标签: c# javascript jquery ajax asp.net-mvc

您好我是Jquery和Ajax的新手。请帮我解决问题。

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

现在我正在尝试而不是显示Model值,如果用户点击All复选框我需要将All作为我选择的值传递,以便我可以获取所有国家/地区。

所以下面我添加了一个新的复选框id,说明checkBoxAll,如果选择all,我怎么能进行ajax调用。我可以写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);
        }
    });
});

1 个答案:

答案 0 :(得分:1)

清理一下你的代码。 当您获得数据时,为什么要将其分配给新车,您可以使用

$(div).html(data);


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