使用MVC检查至少一个自动生成jquery datatable复选框

Posted 2021-05-06

在提交表单之前，尝试确保用户至少选中一个复选框。目前我的javascript无效。该复选框在jquery数据表中自动生成。即使没有选中表中的复选框，代码仍然会进入控制器

html

 <table id="scheduleAppointment-data-table" class="table table-striped table- bordered" style="width:100%;"></table>    
  <input type="submit" value="Send" class="btn btn-default" id=btnSubmit onclick="Validate()"/>

数据表

      // Auto generate checkbox
      "columns": [
             {
               targets": [0],
                "data": "EDMXID", "autoWidth": true,              
                 "render": function (data, type, full) {
                 return '<input type="checkbox" id="EDMXID" name="EDMXID" value="'+full.EDMXID+'"/>';
              },
               }]

使用Javascript

 function Validate() {
        var allOk = true;
     $(scheduleAppointment-data-table).find("tbody tr").each(function (){
            var row = $(this);
            var checked = row.find($(':checkbox:checked')).length > 0
            if (!checked) {
                allOk = false;
                alert('At least One Appointment Should Be Selected');
                return allOk;
            }
        });
        return allOk;
    }

答案

在Davidkonrad评论的帮助下，我终于使用了下面的JavaScript代码

 $(function () {
        $('input[id$=btnSubmit]').click(function (e) {
            $('#scheduleAppointment-data-table').find("tbody tr").each(function () {
                var row = $(this);
                var checked = row.find($(':checkbox:checked')).length > 0
                if (!checked) {
                    alert('At least One Appointment Should Be Selected');
                    e.preventDefault();
                }
            });
        });
    });