C# 使用jquery检查剑道UI复选框值

C# 使用jquery检查剑道UI复选框值,c#,javascript,jquery,asp.net,kendo-ui,C#,Javascript,Jquery,Asp.net,Kendo Ui,我想获得复选框的值如果为true,那么我需要在代码所在的总计列中添加计算值 <%: Html.Kendo().Grid<SSTS.Models.ServiceUsedViewModel>() .Name("grid") .Columns(columns => { // columns.Bound(student => student.CustomerName); // columns.Bound(stud

我想获得复选框的值如果为true,那么我需要在代码所在的总计列中添加计算值

<%: Html.Kendo().Grid<SSTS.Models.ServiceUsedViewModel>()
.Name("grid")
      .Columns(columns =>
      {
          // columns.Bound(student => student.CustomerName);
      //    columns.Bound(student => student.StudentNumber).Width(150); ;//.ClientTemplate("#=CustomerNames.CustomerName#").Width(160);
         // columns.Bound(student => student.GivenName).Width(150); ;//.ClientTemplate("#=CustomerNames.CustomerName#").Width(160);
          columns.ForeignKey(p => p.StudentNumber, (System.Collections.IEnumerable)ViewData["students"], "StudentNumber", "StudentNumber")
        .Title("StudentNumber").Width(150);
          columns.Bound(student => student.FirstDateOfTravel).Width(150); ;//.ClientTemplate("#=CustomerNames.CustomerName#").Width(160);
          columns.Bound(student => student.MondayAM).Width(150); ;//.ClientTemplate("#=CustomerNames.CustomerName#").Width(160);
          columns.Bound(student => student.MondayPM).Width(150); ;//.ClientTemplate("#=CustomerNames.CustomerName#").Width(160);
          columns.Bound(student => student.TuesdayAM).Width(150); ;//.ClientTemplate("#=CustomerNames.CustomerName#").Width(160);
          columns.Bound(student => student.TuesdayPM).Width(150); ;//.ClientTemplate("#=CustomerNames.CustomerName#").Width(160);
          columns.Bound(student => student.WednesdayAM).Width(150); ;//.ClientTemplate("#=CustomerNames.CustomerName#").Width(160);
          columns.Bound(student => student.WednesdayPM).Width(150); ;//.ClientTemplate("#=CustomerNames.CustomerName#").Width(160);
          columns.Bound(student => student.ThursdayAM).Width(150); ;//.ClientTemplate("#=CustomerNames.CustomerName#").Width(160);
          columns.Bound(student => student.ThursdayPM).Width(150); ;//.ClientTemplate("#=CustomerNames.CustomerName#").Width(160);
          columns.Bound(student => student.FridayAM).Width(150); ;//.ClientTemplate("#=CustomerNames.CustomerName#").Width(160);
          columns.Bound(student => student.FridayPM).Width(150); ;//.ClientTemplate("#=CustomerNames.CustomerName#").Width(160);
          columns.Bound(student => student.TotalNumberOfDaysAM).Width(150).ClientTemplate("#= calculate() #"); ; ;//.ClientTemplate("#=CustomerNames.CustomerName#").Width(160);
          columns.Bound(student => student.TotalNumberOfDaysPM).Width(150);//.ClientTemplate("#=MondaydPM#"); ; ;//.ClientTemplate("#=CustomerNames.CustomerName#").Width(160);
          columns.Bound(student => student.IsMoreThanOneService).Width(150); ;//.ClientTemplate("#=CustomerNames.CustomerName#").Width(160);



            columns.Command(commands =>
          {
              commands.Edit(); // The "edit" command will edit and update data items
              commands.Destroy(); // The "destroy" command removes data items
          }).Title("Commands").Width(150);
      })
      .ToolBar(toolbar => toolbar.Create()) // The "create" command adds new data items
      .Editable(editable => editable.Mode(GridEditMode.InLine)) // Use inline editing mode
      .DataSource(dataSource =>
          dataSource.Ajax()
            .Model(model =>
            {
                model.Id(student => student.ServiceUseID); // Specify the property which is the unique identifier of the model
                model.Field(p => p.StudentNumber).DefaultValue("");       

            })
                            .Create(create => create.Action("serviceUse_Create", "ServiceUse")) // Action invoked when the user saves a new data item
                                            .Read(read => read.Action("serviceUse_Read", "ServiceUse"))  // Action invoked when the grid needs data
                                    .Update(update => update.Action("serviceUse_Update", "ServiceUse"))  // Action invoked when the user saves an updated data item
                                                .Destroy(destroy => destroy.Action("serviceUse_Destroy", "ServiceUse")) // Action invoked when the user removes a data item
      )
          .Pageable().Scrollable()

{
//columns.Bound(student=>student.CustomerName);
//columns.Bound(student=>student.StudentNumber).Width(150);/.ClientTemplate(“#=CustomerNames.CustomerName#”).Width(160);
//columns.Bound(student=>student.GivenName).Width(150);/.ClientTemplate(“#=CustomerName.CustomerName#”).Width(160);
columns.ForeignKey(p=>p.StudentNumber,(System.Collections.IEnumerable)ViewData[“students”],“StudentNumber”,“StudentNumber”)
.头衔(“学号”).宽度(150);
columns.Bound(student=>student.FirstDateOfTravel).Width(150);/.ClientTemplate(“#=CustomerNames.CustomerName”)宽度(160);
columns.Bound(student=>student.MondayAM).Width(150);/.ClientTemplate(“#=CustomerName.CustomerName#”).Width(160);
columns.Bound(student=>student.MondayPM).Width(150);/.ClientTemplate(“#=CustomerNames.CustomerName#”).Width(160);
columns.Bound(student=>student.TuesdayAM).Width(150);/.ClientTemplate(“#=CustomerNames.CustomerName#”).Width(160);
columns.Bound(student=>student.TuesdayPM).Width(150);/.ClientTemplate(“#=CustomerNames.CustomerName#”)。Width(160);
columns.Bound(student=>student.WednesdayAM).Width(150);/.ClientTemplate(“#=CustomerNames.CustomerName”)宽度(160);
columns.Bound(student=>student.WednesdayPM).Width(150);/.ClientTemplate(“#=CustomerNames.CustomerName”)宽度(160);
columns.Bound(student=>student.ThursdayAM).Width(150);/.ClientTemplate(“#=CustomerNames.CustomerName#”)。Width(160);
columns.Bound(student=>student.ThursdayPM).Width(150);/.ClientTemplate(“#=CustomerNames.CustomerName”)宽度(160);
columns.Bound(student=>student.FridayAM).Width(150);/.ClientTemplate(“#=CustomerName.CustomerName#”).Width(160);
columns.Bound(student=>student.FridayPM).Width(150);/.ClientTemplate(“#=CustomerName.CustomerName#”).Width(160);
columns.Bound(student=>student.TotalNumberOfDaysAM).Width(150).ClientTemplate(“#=calculate()#”);/.ClientTemplate(“#=CustomerName.CustomerName#”)。Width(160);
columns.Bound(student=>student.TotalNumberOfDaysPM).Width(150);/.ClientTemplate(“#=MondaydPM#”);/.ClientTemplate(“#=CustomerNames.CustomerName#”)。Width(160);
columns.Bound(student=>student.ismorethaneservice).Width(150);/.ClientTemplate(“#=CustomerNames.CustomerName”)宽度(160);
columns.Command(commands=>
{
commands.Edit();//Edit命令将编辑和更新数据项
commands.Destroy();//Destroy命令删除数据项
}).标题(“命令”)。宽度(150);
})
.ToolBar(ToolBar=>ToolBar.Create())/“Create”命令添加新的数据项
.Editable(Editable=>Editable.Mode(GridEditMode.InLine))//使用内联编辑模式
.DataSource(DataSource=>
Ajax()
.Model(Model=>
{
model.Id(student=>student.ServiceUseID);//指定作为模型唯一标识符的属性
model.Field(p=>p.StudentNumber).DefaultValue(“”);
})
.Create(Create=>Create.Action(“serviceUse\u Create”,“serviceUse”)//在用户保存新数据项时调用的操作
.Read(Read=>Read.Action(“serviceUse\u Read”,“serviceUse”)//当网格需要数据时调用的操作
.Update(Update=>Update.Action(“serviceUse\u Update”,“serviceUse”)//当用户保存更新的数据项时调用的操作
.Destroy(Destroy=>Destroy.Action(“serviceUse\u Destroy”,“serviceUse”)//当用户删除数据项时调用的操作
)
.Pageable().Scrollable())
%>


我有MondayAM/PM FridayAm/PM复选框,有TotalNumberofDaysAM/PM,我需要检查选中了多少AM/PM,然后将它们添加到totalnumber列中任何知道如何使用jquery或javascript的人都可以使用jquery
:checked
选择器:

// Get reference to Grid
var grid = $("#grid").data("kendoGrid");
// Get the list of `input` that are checked
var clicked = $(":checked", grid.element);
// Display the length of the array that contains the inputs that are checked
console.log("clicked", clicked);

示例:

感谢您的回复,但情况不同,我有一列TotalnumberofAm和totalnumberofPM,需要在这些列中填写周一上午/下午周五上午/下午的计数。您的意思是什么不同是在哪里和何时显示计数器或计数什么?我有周一周二上午周三上午周四上午周五上午和下午与PM复选框和TotalNumebrofAM和PM的两列相同,当选中任何Am或PM复选框时,则需要在Total列中添加计数如果您只有一个计数器,则我建议在更改复选框值时使用jQuery进行计数,但有两个且只有七个元素,最简单的方法可能是实际检查模型中的值。尽管如此,您可以尝试使用一些CSS类(使用模板)标记AM HTML元素,对于PM也是如此。然后在数据更改时,在网格中找到该项目的行,找到标有AM或PM的复选框
选中的
,并更新计数器。但是,正如您所看到的,要计算一些您可以轻松完成的事情,需要大量代码(因为它们需要遍历DOM,所以速度也很慢)。