javascript взаимоисключающий CheckBox проблема

Question

У меня есть переключатель, который отображает список записей в сетке telerik. Когда переключатель установлен, он отображает полные и неполные записи. Однако пользователю нужен способ отображения только полных или неполных записей. Я добавил два взаимоисключающих флажка. Пользователь может проверить полный или неполный флажок, чтобы отобразить данные. Он отлично работает на моем локальном компьютере, но он плохо работает на сервере. В первый раз пользователь должен щелкнуть флажок два или три раза, прежде чем он сможет сохранить состояние. Кроме того, если проверка завершена и пользователь будет проверен неполным, флажок вернется к завершению. Пользователь должен сделать это второй раз. Что я здесь делаю неправильно?

Вот HTML для флажка

@Html.CheckBox("complete", SessionWrapper.currentEncounter.complete, new { id = "chkComplete", onclick = "chkInCompleteOption(1);this.form.submit();" }) <strong>Complete</strong> 

@Html.CheckBox("Incomplete", SessionWrapper.currentEncounter.incomple, new { id = "chkInComplete", onclick = "chkInCompleteOption(2);this.form.submit();" }) <strong>Incomplete</strong> 

// Вот Javascript

var completeCheck = '@SessionWrapper.currentEncounter.complete'; 
var inCompleteCheck = '@SessionWrapper.currentEncounter.incomplete'; 

function chkInCompleteOption(e) { 
     if (e == 1) { 
      var cc = $('#chkComplete').is(':checked'); 
      var data = { "complete": cc, "inComplete": false }; 
         var url = '@Url.Action("CompletedOption", "Orders")'; 
         $.ajax({ 
          url: url, 
          type: 'post', 
          dataType: 'text', 
          data: data, 
          success: function (data) { 
           testComplete(); 
           return true; 
          }, 
          error: function (error) { 
           alert("An error has occured."); 
           return false; 

          } 
         }); 

        } 
        else if (e == 2) { 
         var inc = $('#chkInComplete').is(':checked') 
         var data = { "complete": false, "inComplete": inc }; 
         var url = '@Url.Action("CompletedOption", "Orders")'; 
         $.ajax({ 
          url: url, 
          type: 'post', 
          dataType: 'text', 
          data: data, 
          success: function (data) { 
           testInComplete(); 
           return true; 
           // $('#chkComplete').removeAttr("checked", "checked"); 
           // $('#chkInComplete').attr("checked", "checked"); 

          }, 
          error: function (error) { 
           alert("An error has occured."); 
           return false; 

          } 
         }); 
     } 


    } 


function testInComplete() { 
     if (inCompleteCheck == true) { 
       inCompleteCheck = $('#chkInComplete').attr("checked", "checked"); 
       document.getElementById('chkInComplete').checked = true; 
     } else { 
      $('#chkInComplete').removeAttr("checked"); 
     } 
    } 


    function testComplete() { 
     if (inCompleteCheck == true) { 
      completed = $('#chkComplete').attr("checked", "checked"); 
      document.getElementById('chkComplete').checked == true; 
     } else { 
      $('#chkComplete').removeAttr("checked"); 
     } 
    } 

// Установка взаимоисключающих значений на стороне сервера

public bool CompletedOption(bool complete, bool inComplete) 

      if (inComplete == true && complete == true) 
      { 
       return false; 
      } 

      if (complete == true) 
      { 
       SessionWrapper.currentEncounter.complete = true; 
      } 
      else if (SessionWrapper.currentEncounter.complete == true && (complete == null || inComplete == null)) 
      { 
       SessionWrapper.currentEncounter.complete = true; 
      } 
      else 
      { 
       SessionWrapper.currentEncounter.complete = false; 
      } 


      if (inComplete == true) 
      { 
       SessionWrapper.currentEncounter.incomplete = true; 
      } 
      else if (SessionWrapper.currentEncounter.incomplete == true && (complete == null || inComplete == null)) 
      { 
       SessionWrapper.currentEncounter.incomplete = true; 
      } 
      else 
      { 
       SessionWrapper.currentEncounter.incomplete = false; 
      } 


      return true; 
     } 

Answer 1

I нашел проблему. Серверная часть обновлялась должным образом; однако ajax возвращал сообщение об ошибке каждый раз, когда он выполнялся. Метод на стороне сервера возвращал Boolean, когда ожидалась строка. Я также установил async и cache в false. Я снова запустил приложение, и он работает.

// Change Method Signature булевой нанизывать

public string CompletedOption(bool complete, bool inComplete) 
{ 
    return "true"; 
} 

Аякса пост

$.ajax({ 
      url: url, 
      type: 'post', 
      dataType: 'text', 
      async: false, //Added 
      cache: false, //Added 
      data: data, 
      success: function (data) { 
        return data; 
      }, 
      error: function (error) { 
       alert("An error has occured."); 
       return false; 
      } 
     });