Изменить текст кнопки onclick с условием

Question

Моя цель состоит в том, чтобы иметь кнопку со значением по умолчанию Блокировать и когда пользователь нажимает на нее, он изменит текст на «Разблокировать», а также после обновления страницы текст кнопки должен оставаться тем же , если текст изменен, чтобы разблокировать, то после обновления он должен оставаться разблокированным.

Что я попробовал uptil сейчас это:

Посмотреть код для кнопки:

input type="submit" value="@ViewBag.SubmitValue" id="Block" style="color: white; 
background-color: darkred; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; 
border-top-left-radius: 2px; border-top-right-radius: 2px; padding: 4px 4px; 
border: none; padding-bottom:2px " 

Контроллер ActionResult

public ActionResult Block(int Id, Block block, string userAction) 
     { 
      if(userAction == "Block") 
      { 
       ViewBag.SubmitValue = "Block"; 
      } 
      if (userAction == "Unblock") 
      { 
       ViewBag.SubmitValue = "Unblock"; 
      } 
      ..... 
     } 

Я haivng вопрос в этой мимолетной строки userAction в ActionResult, значение userAction передается как Null в методе, поэтому текст кнопки не изменяется и отображается «Отправить» на кнопке

Пожалуйста, помогите

Answer 1

использовать скрытый элемент ввода с именем «userAction» и установить его значение в соответствии с тем, что вам нужно.

<input type="hidden" name="userAction" value="@ViewBag.SubmitValue"> 

и действия по умолчанию установить инициализированное значение userAction так:

public ActionResult Block(string userAction = "Block", int Id, Block block){ 

    //... 

} 

всякий раз, когда вы не прошло ничего имени userAction будет установлено на «Блок» не нулевой