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

Question

我在编写asp.net mvc 项目代码，我面临的问题是，我无法使用 jQuery 在隐藏字段上存储健康状态值，然后在单击“同意”按钮单击隐藏字段时，在获取值后将隐藏字段值传递给approve() 函数。 当复选框“是”选中时，我将分配值 true；当复选框“否”选中时，我将分配值 false，然后在隐藏字段后获取值 true 或 false。 当单击按钮同意我之前没有使用隐藏字段时，我将传递它到approve()函数。

那么你能帮我吗？

<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>

这是我如何创建隐藏字段，然后使用 jQuery 将 Healthstatus 的值分配给隐藏字段

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

C# HealthStatus属性是布尔值，如下

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

然后传递给approve()函数:

<script type="text/javascript">
  function approve() {
// how to get hidden field value here 
      }
</script>

Note:该问题整理于：How store value of Health Status to Hidden field using jQuery?

Answer 1

你好，

根据你的描述，下面的代码可以实现。 当未选中该复选框或选择“否”时，隐藏字段值为 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>

---

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

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

最好的问候