Как получить выбранные значения дерева jquery-bonsai с помощью jquery?

Я пытаюсь получить выбранный (проверяются) значения из древовидной структуры, которая была создана с помощью JQuery-бонсаи (ссылка: http://simonwade.me/jquery-bonsai/)Как получить выбранные значения дерева jquery-bonsai с помощью jquery?

Мой код:

<html> 
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <link rel='stylesheet' type='text/css' href='http://bgagenomics.iicb.res.in/bga/arup/js/assets/svg-icons.css' /> 
    <link rel='stylesheet' type='text/css' href='http://bgagenomics.iicb.res.in/bga/arup/js/jquery.bonsai.css' />  
    <script src='http://bgagenomics.iicb.res.in/bga/arup/js/jquery.bonsai.js'></script> 
    <script src='http://bgagenomics.iicb.res.in/bga/arup/js/jquery.qubit.js'> </script> 

    <script> 
     jQuery(function() { 
      $('#auto-checkboxes').bonsai({ 
      expandAll: false, 
      checkboxes: true, // qbit plung helper 
      createInputs: 'checkbox' // enebles auto click data-checked 
      }); 
     }); 

     $(document).ready(function(){ 
      $("#val").click(function() 
      { 
       alert("hello"); //need help here 
      });  
}); 
    </script> 
    </head> 
    <body> 
     <div> 
     <ol id='auto-checkboxes' data-name='foo'> 
     <li data-value='0'>All 
      <ol> 
       <li data-value='1'>One</li> 
      <li data-value='2' data-id='2'> 
       Two 
       <ol> 
       <li data-name='baz' data-value='3'> 
        Three 
        <ol> 
        <li data-name='baz' data-value='4'>Four</li> 
        </ol> 
       </li> 
       <li data-value='5'>Five</li> 
       </ol> 
      </li> 
      </ol> 
     </li> 
     </ol> 
    </div> 
    <br> 
    <input id ="val" type="image" value = "Result" /> 

    <body> 
</html>

Приведенный выше код создаст дерево stucture как

Я хотел бы получить проверенные значения по нажатию на результате.

Любая помощь или предложение решить вышеупомянутую проблему будет большой помощью.

источник

2016-08-23 Arijit

Вы можете получить значение все выбранного флажка обернув через оле находя флажок как:

var yourArray = [];//global variable 
$(document).ready(function(){ 
    $("#val").click(function() { 
     yourArray = [];//unset previous values 
     $("input:checkbox[name=yourCheckboxName]:checked").each(function(){ 
      yourArray.push($(this).val()); 
     }); 
    });  
});

источник

2016-08-23 12:17:23

Как получить выбранные значения дерева jquery-bonsai с помощью jquery?

ответ

Смежные вопросы