How to fix Checkbox value always give 'false' in jquery.serializeJSON plugin
By FoxLearn 2/18/2024 1:05:19 AM 179
This post shows you how to de-serialize JSON data of check box values or how to fix 'checkbox value always give 'false' in jquery.serializeJSON plugin'
ASP.NET Core
<input type="checkbox" asp-for="Active" class="form-control" />
ASP.NET MVC
@Html.CheckBoxFor(m => m.Active)
Your html should be generated as shown below.
<input type="checkbox" class="form-control" data-unchecked-value="false" data-val="true" data-val-required="The Active field is required." id="Active" name="Active" value="true">
You can de-serialize by using serializeJSON as shown below.
var obj = $('form').serializeJSON(); console.log(obj);
For example
function addEdit(form) { $.validator.unobtrusive.parse(form); if ($(form).valid()) { var model = $(form).serializeJSON(); $.ajax({ type: 'POST', url: '/api/todo', data: JSON.stringify(model), contentType: 'application/json', success: function (response) { if (response.success) { //do something } } }); } return false; }
You will get true when checked and false (from data-unchecked-value attribute) when you using $('form').serializeJSON();
- Getting Started with ASP.NET Core 3.0
- How to fix 'Authorization in ASP.NET Core' with 401 Unauthorized
- The name 'Session' does not exist in the current context
- How to create a Toast Notifications in ASP.NET Core
- How to fix Font Awesome WebFont woff2 not working BundleConfig
- How to Minify HTML using WebMarkupMin in ASP.NET Core
- How to Minify HTML using WebMarkupMin in ASP.NET MVC
- How to Minify HTML output from ASP.NET MVC
Categories
Popular Posts
How to implement Jint in C#
09/14/2024
How to Download Chromedriver for Selenium
09/14/2024