Notes

[HttpPost]
public ActionResult NextAction(List<string> selectedValues)
{
// Process the selectedValues as needed
return RedirectToAction("NextPage");
}


$("#nextButton").click(function() {
var selectedValues = collectSelectedValues();
$.ajax({
url: '/YourController/NextAction',
type: 'POST',
data: { selectedValues: selectedValues },
success: function(response) {
// Handle success
},
error: function(xhr, status, error) {
// Handle error
}
});
});


function collectSelectedValues() {
var selectedValues = [];
$("input[name='ISPreExp']:checked").each(function() {
selectedValues.push($(this).val());
});
return selectedValues;
}

function collectSelectedValues(fieldName) {
var selectedValues = [];
$("input[name='" + fieldName + "']:checked").each(function() {
selectedValues.push($(this).val());
});
return selectedValues;
}

<!-- HTML for the Next button -->
<button id="nextButton">Next</button>

<script>
document.getElementById("nextButton").addEventListener("click", function() {
// Make an AJAX request to fetch dynamic content from the backend
// Replace 'fetchDynamicContent' with the appropriate endpoint URL
fetch('fetchDynamicContent')
.then(response => response.json())
.then(data => {
// Assuming data contains the dynamic radio buttons HTML
// You can append this HTML to the next page's container element
document.getElementById("nextPageContainer").innerHTML = data;
})
.catch(error => console.error('Error fetching dynamic content:', error));
});
</script>


document.getElementById("nextButton").addEventListener("click", function() {
// Make an AJAX request to fetch dynamic content from the backend
fetch('/fetchDynamicRadioButtons') // Assuming this is the endpoint to fetch dynamic radio buttons
.then(response => response.json())
.then(data => {
// Assuming data contains an array of objects with value and text properties
var dynamicRadioButtonsHTML = '';
data.forEach(item => {
dynamicRadioButtonsHTML += '<input type="radio" id="ISPreExp_' + item.value + '" name="ISPreExp" value="' + item.value + '" required="required" onchange="return popupgrad('This is required for filling the form!!', 'ISPreExp_' + item.value + '');" />' + item.text;
});

// Populate the dynamic radio buttons onto the page
document.getElementById("dynamicRadioButtonsContainer").innerHTML = dynamicRadioButtonsHTML;
})
.catch(error => console.error('Error fetching dynamic radio buttons:', error));
});