复选框选中的属性在“ JQUERY数据表”列中不起作用

VVN

我有一个jquery datatable第一列checkboxes。编辑时在应用程序中,我需要将选中的项目显示为checkbox 选中状态。我从中获取数据。ajax response数据绑定工作正常,但checked属性却不行。

这是我的代码:

custAct.success = function (status) {
       try {
               var response = JSON.parse(status);
               activityCust.clear().draw();

  for (var i = 0; i < response.length - 1 ; i++) 
      {
activityCust.row.add({ 0: '<input class="checkboxCust" checked=' + response[i].IsSelected + '  value="' + response[i].ID + '" data-id="' + response[i].ID + '" type="checkbox" />', 1: response[i].Name, 2: response[i].Hours }).draw();    
      }

catch(ex)
{
}

Html 代码:

<table class="gridTableActivityCust hover">
                            <thead>
                                <tr>
                                    <th>Select</th>
                                    <th>Activity Name</th>
                                    <th>Hours</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach (var item in Model.Activities)
                                {
                                    <tr data-id="@item.ActId">
                                        <td>
                                            <input class='checkboxCust' disabled="@item.Enabled" checked="@item.IsSelected" value="@item.ActId" data-id="@item.ActId" type='checkbox' />
                                        </td>
                                        <td>
                                            @item.ActivityName
                                        </td>
                                        <td>
                                            @item.Hours
                                        </td>
                                    </tr>
                                }
                            </tbody>
                        </table>

这是json响应:

[
  {
    "ID": 1,
    "Name": "Activity 1",
    "Description": "nc",
    "Hours": 2,
    "Remove": false,
    "Active": false,
    "IsSelected": false,
    "Disabled": true
  },
  {
    "ID": 2,
    "Name": "Activity 2",
    "Description": "lkn",
    "Hours": 3,
    "Remove": false,
    "Active": true,
    "IsSelected": false,
    "Disabled": false
  },
  {
    "ID": 3,
    "Name": "Activity 3",
    "Description": "lkk",
    "Hours": 2,
    "Remove": false,
    "Active": false,
    "IsSelected": false,
    "Disabled": true
  },
  {
    "ID": 4,
    "Name": "Activity 4",
    "Description": "kjhj",
    "Hours": 3,
    "Remove": false,
    "Active": true,
    "IsSelected": false,
    "Disabled": false
  },
  {
    "ID": 5,
    "Name": "Activity 5",
    "Description": "mn",
    "Hours": 7,
    "Remove": false,
    "Active": true,
    "IsSelected": true,
    "Disabled": false
  },
  {
    "ID": 6,
    "Name": "Activity 6",
    "Description": "kj",
    "Hours": 5,
    "Remove": false,
    "Active": true,
    "IsSelected": false,
    "Disabled": false
  },
  {
    "ID": 7,
    "Name": "Activity 7",
    "Description": "hj",
    "Hours": 8,
    "Remove": false,
    "Active": false,
    "IsSelected": false,
    "Disabled": true
  },
  {
    "ID": 8,
    "Name": "gdfg",
    "Description": "dgdfg",
    "Hours": 4.4,
    "Remove": false,
    "Active": true,
    "IsSelected": false,
    "Disabled": false
  }
]

在响应中,仅选择了活动5,但是在UI中,所有复选框均被选中。

截屏:

img

在这种情况下,仅应检查活动5。

摇杆1985

试试这个:

activityCust.row.add({ 0: '<input class="checkboxCust" ' + response[i].IsSelected? checked="checked":""+'  value="' + response[i].ID + '" data-id="' + response[i].ID + '" type="checkbox" />', 1: response[i].Name, 2: response[i].Hours }).draw();

基本上,您正在做的是从JSON响应中编写checked=truechecked=false在HTML中编写有效的HTML代码checked="checked"适用于选中的复选框,未选中的复选框根本没有选中的属性。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

复选框选中的属性在“ JQUERY数据表”列中不起作用

来自分类Dev

jQuery的数据表设置复选框选中

来自分类Dev

jQuery复选框选中和取消选中悬停

来自分类Dev

jQuery隐藏复选框选中,但不取消选中

来自分类Dev

jQuery复选框选中取消选中问题

来自分类Dev

如何在Razor的客户端中检索复选框选中的属性?

来自分类Dev

如何在jquery数据表中获取多个复选框选中的值

来自分类Dev

jQuery设置所有复选框选中

来自分类Dev

条件复选框选中了jQuery

来自分类Dev

闪亮:使用复选框选中DT中的单行

来自分类Dev

javascript中复选框的选中属性

来自分类Dev

复选框的选中属性不起作用

来自分类Dev

如何实现Jquery复选框选中全部/取消选中带有复选框的所有功能?

来自分类Dev

行复选框在jQuery数据表中不起作用

来自分类Dev

行复选框在jQuery数据表中不起作用

来自分类Dev

angular 2 复选框选中=true 不起作用

来自分类Dev

jQuery限制复选框选择不起作用

来自分类Dev

使用JavaScript中的数据属性取消选中复选框

来自分类Dev

如何在jQuery中获取复选框选中的对象

来自分类Dev

jQuery的多个灵活复选框选中检查并显示文本框

来自分类Dev

使用 PHP 或 jQuery 设置 Bootstrap-Switch 复选框选中状态

来自分类Dev

如果选中复选框,如何从复选框中获取属性值?

来自分类Dev

如何基于选中的复选框选择div中的最后一个元素

来自分类Dev

如何在Knockout.js中更改复选框选中的值?

来自分类Dev

为什么其他元素在复选框选中后在React JS中隐藏?

来自分类Dev

如何在MVC4中保留复选框选中状态

来自分类Dev

获取父类中隐藏字段的值和复选框选中的值

来自分类Dev

jQuery取消选中具有name属性的复选框

来自分类Dev

jQuery取消选中具有name属性的复选框

Related 相关文章

  1. 1

    复选框选中的属性在“ JQUERY数据表”列中不起作用

  2. 2

    jQuery的数据表设置复选框选中

  3. 3

    jQuery复选框选中和取消选中悬停

  4. 4

    jQuery隐藏复选框选中,但不取消选中

  5. 5

    jQuery复选框选中取消选中问题

  6. 6

    如何在Razor的客户端中检索复选框选中的属性?

  7. 7

    如何在jquery数据表中获取多个复选框选中的值

  8. 8

    jQuery设置所有复选框选中

  9. 9

    条件复选框选中了jQuery

  10. 10

    闪亮:使用复选框选中DT中的单行

  11. 11

    javascript中复选框的选中属性

  12. 12

    复选框的选中属性不起作用

  13. 13

    如何实现Jquery复选框选中全部/取消选中带有复选框的所有功能?

  14. 14

    行复选框在jQuery数据表中不起作用

  15. 15

    行复选框在jQuery数据表中不起作用

  16. 16

    angular 2 复选框选中=true 不起作用

  17. 17

    jQuery限制复选框选择不起作用

  18. 18

    使用JavaScript中的数据属性取消选中复选框

  19. 19

    如何在jQuery中获取复选框选中的对象

  20. 20

    jQuery的多个灵活复选框选中检查并显示文本框

  21. 21

    使用 PHP 或 jQuery 设置 Bootstrap-Switch 复选框选中状态

  22. 22

    如果选中复选框,如何从复选框中获取属性值?

  23. 23

    如何基于选中的复选框选择div中的最后一个元素

  24. 24

    如何在Knockout.js中更改复选框选中的值?

  25. 25

    为什么其他元素在复选框选中后在React JS中隐藏?

  26. 26

    如何在MVC4中保留复选框选中状态

  27. 27

    获取父类中隐藏字段的值和复选框选中的值

  28. 28

    jQuery取消选中具有name属性的复选框

  29. 29

    jQuery取消选中具有name属性的复选框

热门标签

归档