如何使用单选按钮保存 select 性别

How to save select gender with Radio Button

我有 2 个带有男性和女性选项的单选按钮。我想根据单选按钮选择将字符串值保存到数据库,这是我的代码:

[Required(ErrorMessage="please select your gender")]
public string JenisKelamin { get; set; }

标记:

<div>
    @Html.Label("Jenis Kelamin")
    @Html.RadioButton("rbGrp", "MALE", isChecked :true) @Html.Label("MALE")
    @Html.RadioButton("rbGrp", "FEMALE", isChecked :false) @Html.Label("FEMALE")
</div>

如果选择了第一个 RadioButton,则将字符串 MALE 保存到数据库,否则为 FEMALE。

您可以使用 JQuery 选择器来完成:

只需通过以下代码即可:

$("input[id=rbGrp]:radio").change(function () {

   var radiovalue= $("#rbGrp:checked").val();

    $.ajax({
    type: 'POST',
    url: baseUrl + "YourController/SaveMethod",
    data: {
        selection: radioValue
    },
    success: function(data) {
        // do something
    });
});

在您的 MVC 控制器中:

[HttpPost]
public JsonResult SaveMethod(string selection)
{
    // do something
    var success = true; // your method
    return Json(new {result = success ? "ok" : "error" });
}

在此处使用 RadioButtonFor html 帮助器并直接使用 post 表单。将您的模型 属性 绑定到它。这就是它的工作原理。

例如:

@RadioButtonFor(model=> model.JenisKelamin, "Male", new { @checked = true} )
@RadioButtonFor(model=> model.JenisKelamin, "Female", new { @checked = false} )

将它们放入表单并使用提交按钮提交表单。在控制器端接受您的模型,MVC 会为您工作。

如果您有任何问题,请告诉我。