get IDs from checkboxes and HTML data

151 views
Skip to first unread message

Darryl Bain

unread,
Jul 23, 2020, 12:01:54 PM7/23/20
to jsTree
I can get Ids via get selected with JSON data

but how can I do with HTML data?

 $(function () {
$('#html14').on('select_node.jstree', function (e, data) {
    data.instance.toggle_node(data.node);
});
  $("#html14").jstree({
    "core" : {
        "themes" : {
          "variant" : "large",
        "responsive" : true       
        }
      },
    "checkbox" : {
      "keep_selected_style" : false,
      "visible" : true, 
      "three_state": false,
    },
    "plugins" : [ "checkbox", "html_data" ]
  });
});
        
            $('.btnGetCheckedItem').click(function(){
//var checked_ids = []; 
//var selectedNodes = $('#html14').jstree("get_selected", true);
//$.each(selectedNodes, function() {
// checked_ids.push(this.id);
//});
            
               
                
                var selectedElmsIds = [];
                var selectedElms = $('#html14').jstree("get_selected", true);
                $.each(selectedElms, function() {
                    selectedElmsIds.push(this.id);
                });
                                // You can assign checked_ids to a hidden field of a form before submitting to the server
$('#jsfields').text(selectedElmsIds);
                //document.getElementById("jsfields").value = checked_ids;
                document.getElementById('jsfields2').value = selectedElmsIds.join(",");


});
</script>
                        </div>
        
  </div>
                               
</div>
<input class="btnGetCheckedItem" value="Get all checked items" type="button" />

                <input type="hidden" name="jsfields2" id="jsfields2" value="" />

                <input type="submit" class="btnGetCheckedItem2">


Reply all
Reply to author
Forward
0 new messages