使用jquery插件从treeview复选框中获取选中的值

时间:2016-11-01 09:01:10

标签: jquery treeview

我正在使用jquery插件highchecktree,参考

of this site sample json with ui

获取已检查的值。它运行良好,但他们没有提到如何从树视图复选框插件中获取已检查的值。任何人都可以解决此问题。只从树视图复选框中获取值的值。

2 个答案:

答案 0 :(得分:0)

这是为了父母 mockData [0] .item.checked 这是给孩子们的 mockData [0]。儿童[0] .item.checked

答案 1 :(得分:0)

此函数将返回已检查项目数组的所有id。

var mockData = [];
mockData.push({
  item:{
    id: 'id1',
    label: 'label1',
    checked: false
  },
  children: [{
     item:{
      id: 'id11',
      label: 'label11',
      checked: false
    } 
  },{
     item:{
      id: 'id12',
      label: 'label12',
      checked: false
    } 
  },{
     item:{
      id: 'id13',
      label: 'label13',
      checked: false
    } 
  }]
});

mockData.push({
  item:{
    id: 'id2',
    label: 'label2',
    checked: false
  },
  children: [{
     item:{
      id: 'id21',
      label: 'label21',
      checked: false
    } 
  },{
     item:{
      id: 'id22',
      label: 'label22',
      checked: true
    } 
  },{
     item:{
      id: 'id23',
      label: 'label23',
      checked: false
    } 
  }]
});

mockData.push({
  item:{
    id: 'id3',
    label: 'label3',
    checked: false
  },
  children: [{
     item:{
      id: 'id31',
      label: 'label31',
      checked: true
    } 
  },{
     item:{
      id: 'id32',
      label: 'label32',
      checked: false
    },
    children: [{
      item:{
        id: 'id321',
        label: 'label321',
        checked: false
      }
    },{
      item:{
        id: 'id322',
        label: 'label322',
        checked: false
      }
    }]
  }]
});


    function getCheckedItems() {
        var checkedItem = [];
        $.each(mockData, function( index, value ) {
            var id = mockData[index].item.id;
            if(mockData[index].item.checked){
                checkedItem.push(id);
            }
        });
        return checkedItem;
    }