Как убедиться, что по крайней мере один флажок выбран из таблицы при нажатии кнопки, используя jquery в MVC? - PullRequest
0 голосов
/ 03 марта 2020

`

    <tbody>
        @if (ViewBag.fileVMList != null)
        {
            @foreach (var item in ViewBag.fileVMList)
            {
                <tr>                      
                    <td> @item.fileName </td>                     
                    <td><input type="checkbox" class="chkCheckBoxId" value="@item.id" name="id"/>&nbsp;</td>
                </tr>
            }
        }
    </tbody>


<script>
  //trigger on button click 
  var ConfirmRestore = function()
  {
  if ($('.chkCheckBoxId').prop('checked') == true) {
                $('#myModal').modal('show');
            }
            else
                alert("Please select record to restore!");
  }
</script>`

Приведенный выше код представляет часть таблицы с 5 записями, и каждая запись имеет флажок в файле Index.cs html (MVC). Есть одна мастер-кнопка, и при нажатии кнопки идентификатор выбранного флажка будет передан в контроллер из представления для DELETION. Если оно пустое, должно отображаться сообщение об ошибке, а пустые значения НЕ должны передаваться! Я хочу убедиться, что в событии нажатия кнопки установлен хотя бы один флажок.

Это то, что я пробовал до сих пор, но он проверяет только первый флажок, как проверить все флажки?

1 Ответ

0 голосов
/ 03 марта 2020

Пожалуйста, используйте следующий сценарий для события нажатия кнопки, чтобы установить хотя бы флажок.

$("#btnSubmit_Id").click(function () {
                var checked_checkboxes = $("#tblElement_Id input[type=checkbox]:checked");
                if (checked_checkboxes.length == 0) {
                   alert("Please select record to restore!");
                }
                  $('#myModal').modal('show');
            });
</script>
...