Do Ajax calls based on Checkbox selected data

Question

Hi I am new to Jquery and Ajax stuff. please Help me in acheving my solution.

Currenlty I am populating check boxes based on my model values and doing an ajax call to get list of countries for each selected value.

Now I am trying instead of displaying Model values if user clicks on All check box I need to pass All as my selected value so that I can fetch all countries.

So below I added a new check box id saying checkBoxAll so how can I do ajax call if all is selected. Can I write 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);
        }
    });
});

SergkeiM · Accepted Answer · 2016-02-28 09:24:37Z

1

Clean a little bit your code. When you get data back why you asign it to a new var you can use

$(div).html(data);


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

edited Feb 28, 2016 at 9:24

answered Sep 9, 2013 at 8:46

SergkeiM

4,1886 gold badges40 silver badges75 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Do Ajax calls based on Checkbox selected data

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related