net core mvc中Bootstrap按钮组的绑定方法

asp.net core mvc界面 中，Bootstrap中有一按钮组，三种状态选其一
1.需要将选中的按钮状态值，随model一起post到后台
2.页面加载时,根据后台值，让对应的按钮处于选中状态(0:Cycle,1:Off,2:On)

                                         <div class="btn-group">
                                                 <button type="button" class="btn btn-outline-success">Cycle</button>
                                                <button type="button" class="btn btn-outline-success">Off</button>
                                                <button type="button" class="btn btn-outline-success">On</button>
                                           </div>

这个，用jq提交

$(function() {
  $('.btn-group button').click(function() {
    var selectedButton = $(this);
    var status = selectedButton.text();
    var modelData = $('form').serialize(); // 您可以使用jQuery的serialize函数获取表单中的所有数据

    $.ajax({
      url: '/your/controller/action',
      data: {
        status: status,
        modelData: modelData
      },
      method: 'POST'
    }).done(function(response) {
      // 处理后端返回结果
    });
  });
});

至于选中状态，你可以

@if (Model.SelectButton == 0) { //假设SelectButton是你模型里的值
<button type="button" class="btn btn-outline-success">Cycle</button>
}
else if (Model.SelectButtonName == 1) {
<button type="button" class="btn btn-outline-success">Off</button>
} else {
<button type="button" class="btn btn-outline-success">On</button>
}

2.页面加载时,根据后台值，让对应的按钮处于选中状态(0:Cycle,1:Off,2:On)

我对你的第二个要求有点疑惑，这与你的第一个要求应该不是一个页面吧？

如果界面要在选中状态后,点击提交按钮,才与其他值一起下发怎么办呢？

你可以在提交按钮上添加一个OnClick响应事件，然后判断界面状态是否正确，然后根据结果再提交表单。