How to fix Checkbox value always give 'false' in jquery.serializeJSON plugin
By FoxLearn Published on Feb 18, 2024 681
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();
- Essential Tips for Securing Your ASP.NET Website
- Top Security Best Practices for ASP.NET
- Boost Your ASP.NET Core Website Performance with .NET Profiler
- The name 'Session' does not exist in the current context
- Implementing Two-Factor Authentication with Google Authenticator in ASP.NET Core
- How to securely reverse-proxy ASP.NET Core
- How to Retrieve Client IP in ASP.NET Core Behind a Reverse Proxy
- Only one parameter per action may be bound from body in ASP.NET Core
Categories
Popular Posts
11 Things You Didn't Know About Cloudflare
Dec 19, 2024
AdminKit Bootstrap 5 HTML5 UI Kits Template
Nov 17, 2024
RuangAdmin Template
Nov 13, 2024
Admin BSB Free Bootstrap Admin Dashboard
Nov 14, 2024