如何使用jQuery将健康状态的值存储到隐藏字段？

你好，

根据你的描述，下面的代码可以实现。 当未选中该复选框或选择“否”时，隐藏字段值为 False。 当该复选框选择“是”时，隐藏字段值为“真”。

@model MvcDemo.Models.HealthStatusData
@{
    ViewBag.Title = "Test";
}
 
<h2>Test</h2>
 
<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>
    <input type="hidden" name="HealthStatus" id="myHiddenInput" value="false" />
</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>
<script src="~/Scripts/jquery-3.4.1.min.js"></script>
<script type="text/javascript">
    $('.healthstatus-checkbox').on('change', function () {
        if ($("input[name='HealthStatus']:checked").val() == 'true') {
 
            $('#myHiddenInput').val("True");
        }
        else {
            $('#myHiddenInput').val("False");
        }
    });
    function approve() {
        var hiddenvalue = $('#myHiddenInput').val();
        alert(hiddenvalue);
    }
</script>

如果答案是正确的解决方案，请单击“接受答案”并请投赞成票。如果您对此答案有其他疑问，请点击“评论”。

注意：如果您想接收此线程的相关电子邮件通知，请按照我们文档中的步骤启用电子邮件通知。

最好的问候