如何在 mvc 中實時使用 devexpress 復選框，如單選按鈕

Question

我有 2 個帶有 devexpress 的復選框 html。 我想實時使用這個 devexpress 復選框，比如單選按鈕。

所以當用戶點擊一個復選框時，另一個復選框將被取消選中。

    <div>
         @Html.DevExpress().CheckBoxFor(x => x.CBComplete, settings =>
         {
             settings.Text = "Complete";
         }).GetHtml()
   </div>
   <div>
         @Html.DevExpress().CheckBoxFor(x => x.CBPartial, settings =>
         {
             settings.Text = "Partial";
         }).GetHtml()
   </div>

我也嘗試過這個 javascript 方法，但沒有用

$(document).ready(function () {
    debugger;
    $("#CBComplete").change(
        function (e) {
            debugger;
            $("#CBPartial").attr('checked',!this.checked);
      }
    );
    debugger;
    $("#CBPartial").change(
        function (e) {
            debugger;
            $("#CBComplete").attr('checked',!this.checked);
      }
    );
});

Answer 1

只需使用一組 RadioButtons 甚至 RadioButtonList 代替：

https://demos.devexpress.com/MVCxDataEditorsDemos/Editors/RadioButtonList

https://github.com/DevExpress-Examples/how-to-use-the-checkboxlist-and-radiobuttonlist-editors-to-edit-model-fields-e4125

Answer 2

我認為最好的方法是在單選按鈕中使用復選框樣式。