On my asp.net web page, I have implemented a search filter functionality using cookies. The filter consists of a checkbox list populated with various categories such as sports, music, and food. Using a jQuery onchange event, I capture the index and category ID to create a multi-valued cookie like "1=26&2=14" based on the checkboxes selected.
When the page reloads, the C# code reads these cookies to update the search filters and results successfully in Chrome, Firefox, and Safari. However, I'm encountering an issue in IE 10 where this functionality is not working properly. I've been unable to identify the root cause of this problem and would appreciate any assistance. Below is the jQuery event implementation:
$('.cbl-eventSearchAdv-category input[type="checkbox"]').change(function () {
var index = 1;
var cookieString= "";
$('.cbl-eventSearchAdv-category input[type="checkbox"]').not(':first').each(function () {
if ($(this).is(':checked')) {
cookieString += index + "=" + $(this).val() + "&";
index++;
}
});
var newCookieString = cookieString.slice(0, -1);
document.cookie = "CategoriesSelectedEvents=" + newCookieString + "; expires=; path=/";
});