こんにちは、私は Jquery と Ajax の初心者です。私の解決策を達成するのを手伝ってください。
現在、モデルの値に基づいてチェック ボックスを設定し、選択した値ごとに国のリストを取得するために ajax 呼び出しを実行しています。
ユーザーが [すべて] チェック ボックスをクリックした場合にモデル値を表示する代わりに、すべての国を取得できるように、選択した値として [すべて] を渡す必要があります。
以下では、checkBoxAllという新しいチェックボックスIDを追加したので、すべてが選択されている場合に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);
}
});
});