在MVC中如何使用JQuery获取复选框选中时的对应值？

根据你的需求，我们需要让复选框的选中状态对应数据库中varchar类型的指定值（A1选中存"1"，A2选中存"2"），下面是完整的实现方案，我会修正你现有代码中的小问题并优化逻辑：

1. Model层调整 #

首先要修正属性逻辑，确保选中状态与数据库字段值正确映射，同时保证双向绑定正常：

public class ClsS
{
    // 对应数据库的varchar字段
    public string IsA1 { get; set; }
    public string IsA2 { get; set; }
    public string IsA3 { get; set; }

    // 用于绑定复选框的布尔属性：A1选中对应"1"，未选中对应"0"
    public bool A1Value 
    { 
        get { return IsA1 == "1"; } 
        set { IsA1 = value ? "1" : "0"; } // 未选中值可根据需求改为空字符串""
    }

    // A2选中对应"2"，未选中对应"0"
    public bool A2Value 
    { 
        get { return IsA2 == "2"; } 
        set { IsA2 = value ? "2" : "0"; } 
    }

    // A3选中对应"3"，未选中对应"0"（按需求扩展）
    public bool A3Value 
    { 
        get { return IsA3 == "3"; } 
        set { IsA3 = value ? "3" : "0"; } 
    }

    // 你的业务属性
    public Details spartial { get; set; }
}

public class Details
{
    // 示例业务方法，根据实际需求实现
    public Details partialSQL(string isA1, string isA2, string isA3)
    {
        // 执行你的SQL或业务逻辑
        return this;
    }
}

2. View层实现 #

使用CheckBoxFor绑定我们定义的布尔属性，MVC会自动同步复选框状态与数据库字段值：

@model ClsS

<div class="checkbox-group">
    @Html.LabelFor(m => m.A1Value, "A1")
    @Html.CheckBoxFor(m => m.A1Value, new { @class = "chk" })
    
    @Html.LabelFor(m => m.A2Value, "A2")
    @Html.CheckBoxFor(m => m.A2Value, new { @class = "chk" })
    
    @Html.LabelFor(m => m.A3Value, "A3")
    @Html.CheckBoxFor(m => m.A3Value, new { @class = "chk" })
</div>

注意：直接绑定A1Value这类布尔属性而非原始的IsA1，因为CheckBoxFor需要布尔类型输入，中间属性帮我们完成了布尔值与varchar值的转换。

3. Controller层处理 #

页面加载时从数据库读取值赋值给Model，复选框会自动根据布尔属性判断选中状态；表单提交时，Model会自动将复选框状态转换为对应的varchar值：

// 页面初始化Action
public ActionResult ABC()
{
    var model = new ClsS();
    // 模拟从数据库读取数据，实际项目替换为EF/ADO.NET查询
    model.IsA1 = "1"; // A1默认选中
    model.IsA2 = "0"; // A2默认未选中
    model.IsA3 = "3"; // A3默认选中

    // 调用业务方法
    var details = new Details();
    model.spartial = details.partialSQL(model.IsA1, model.IsA2, model.IsA3);

    return View(model);
}

// 表单提交处理Action
[HttpPost]
public ActionResult ABC(ClsS model)
{
    if (ModelState.IsValid)
    {
        // 此时model.IsA1/IsA2/IsA3已经是复选框对应的varchar值
        // 执行数据库保存操作：
        // dbContext.YourEntities.Update(model);
        // dbContext.SaveChanges();
        return RedirectToAction("Index");
    }
    return View(model);
}

4. JavaScript脚本优化 #

如果需要前端交互逻辑，可监听复选框变化并获取对应数据库值：

// 监听复选框状态变化
$('.chk').on('change', function () {
    var checkboxName = $(this).attr('name');
    var isChecked = $(this).is(':checked');
    var dbValue = "";

    // 根据复选框名称匹配对应数据库值
    switch(checkboxName) {
        case "A1Value":
            dbValue = isChecked ? "1" : "0";
            break;
        case "A2Value":
            dbValue = isChecked ? "2" : "0";
            break;
        case "A3Value":
            dbValue = isChecked ? "3" : "0";
            break;
    }

    console.log(`复选框${checkboxName}状态变更，对应数据库值：${dbValue}`);
    // 这里可添加AJAX提交、页面联动等前端逻辑
});

核心逻辑说明 #

• 通过中间布尔属性实现了复选框（布尔类型）与数据库varchar字段的双向绑定，MVC模型绑定会自动处理状态同步。
• 未选中状态的默认值（"0"）可根据业务需求改为空字符串，只需修改属性set方法的逻辑即可。
• 表单提交时无需额外转换，Model已自动将复选框状态映射为对应的varchar值，直接保存到数据库即可。

内容的提问来源于stack exchange，提问作者User9895