How store value of Health Status to Hidden field using jQuery ?

Question

I work on asp.net mvc I face issue i can't store value of health status on hidden field using jQuery then pass hidden field value after get value to approve () function when click agree button click on hidden field i will assign value true when checkbox Yes checked and assign value false when check box No checked then after hidden field get value true or false i will pass it to approve function java script when click button agree i'm not use hidden field before so can you help me please

<td style="width: 50%; font-weight: bold; padding-top: 10px;">
             @Html.Label("HealthStatus?", htmlAttributes: new { @class = "control-label col-md-5" })
             <div class="col-md-7">
                 <input type="checkbox" id="HealthStatusTrue" name="HealthStatus" value="true" class="healthstatus-checkbox" @(Model.HealthStatus == true ? "checked" : "") />
                 Yes
                 &nbsp;&nbsp;
                 <input type="checkbox" id="HealthStatusFalse" name="HealthStatus" value="false" class="healthstatus-checkbox" @(Model.HealthStatus == false ? "checked" : "") />
                 No
             </div>
         </td>
<a id="approveControlsId" onclick="approve();" class="btn btn-primary" style="min-width: 100px;margin-top:5px;"><i class="glyphicon glyphicon-ok"></i> agree </a>

ASP.NET (C#)

Copy

on csharp property HealthStatus is boolean as below

public class HealthStatusData
{
public bool? HealthStatus {get;set;}
}

C#

Copy

so how to create hidden field then assign value of Healthstatus to hidden field using jQuery

$('.healthstatus-checkbox').on('change', function () {
   // how to assign value to hidden field
});

JavaScript

Copy

then after that pass to approve function java script

<script type="text/javascript">
  function approve() {
var HealthStatusData = new Object();
            HealthStatusData.HealthStatus = ???????????????
// how to get hidden field value here
      }
</script>

JavaScript????

Madhu Patel · Answer

It seems you are seeking assistance in storing the value of the health status in a hidden field using jQuery in an ASP.NET MVC application. Let's delve into coding a solution for this scenario. Based on the provided code, you can achieve this by creating a hidden field in your HTML and modifying it using jQuery when the checkbox value changes. Here's an example of how you can accomplish this: ```html @Html.HiddenFor(model => model.HealthStatus, new { id = "hiddenHealthStatus" }) ``` In your JavaScript, you can link the checkbox change event to update the hidden field value: ```javascript $('.healthstatus-checkbox').on('change', function () { var isChecked = $(this).is(':checked'); $('#hiddenHealthStatus').val(isChecked); // Update the hidden field value }); ``` Next, when the "agree" button is clicked, you can access the hidden field value within the approve function: ```javascript function approve() { var HealthStatusData = new Object(); HealthStatusData.HealthStatus = $('#hiddenHealthStatus').val(); // Retrieve hidden field value console.log(HealthStatusData.HealthStatus); // For debugging - log the value // Further processing with the health status value } ``` This code ensures that the hidden field gets updated based on the checkbox selection, and the "approve" function can retrieve the updated value for processing. Please ensure to integrate this code into your ASP.NET MVC application and adapt it to fit within your existing code structure. If you have any more questions or need additional assistance, feel free to ask!