How to fix Checkbox value always give 'false' in jquery.serializeJSON plugin
By FoxLearn 2/18/2024 1:05:19 AM 372
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();
- How to use CORS in ASP.NET Core
- How to Send Emails in ASP.NET Core
- How to Run Background Tasks in ASP.NET Core with Hosted Services
- Implementing Scheduled Background Tasks in ASP.NET Core with IHostedService
- Creating an Web API in ASP.NET Core
- 8 Essential Tips to Protect Your ASP.NET Core Application from Cyber Threats
- 10 Common Mistakes ASP.NET Developers Should Avoid
- How to Upload Files Using C# ASP.NET FileUpload Control
Categories
Popular Posts
11 Things You Didn't Know About Cloudflare
12/19/2024