Как проверить, установлен ли флажок, с помощью * jquery mmenu plugin *

Question

Привет :) Тема очень пояснительная, я думаю. Я знаю, что этот вопрос задавали раньше, но ни одно из предлагаемых решений не работало с плагином mensu .

Вот ссылка использовать флажок: http://mmenu.frebsite.nl/documentation/addons/toggles.html

Я использовал оба способа, чтобы проверить, если флажок был проверен:

HTML // bicisenda является входной идентификатор.

<input id="bicisenda" type="checkbox" name="poi" value="Bicisenda" class="Toggle"> 

JS/JQuery

$('ul li ul li #bicisenda').click(function() { 
    var _checked = $("#bicisenda").is(":checked"); 
    if (_checked) { 
    console.log("Checked");  
    } 

}); 

author'splugin предложил мне попробовать этот код:

$('#bicisenda').change(function() { 
    var _checked = $("#bicisenda").is(":checked"); 
    if (_checked) { 
    console.log("Checked");  
    } 
}); 

Его объяснение было то, что с помощью этого дополнения на входе в скрытый, поэтому я вижу метку, связанную с вводом. Подводя итог, я не нажимаю на вход. Однако его предложение тоже не сработало.

Любые идеи, как проверить, если флажок (или RadioButton) проверяется ?, спасибо, что заранее

Answer 1

Ну после того, как углубиться с кодом плагина, я, наконец, получить его работу.

Решение было следующим

HTML

<input id="bicisenda" type="checkbox" name="bic" value="Bicisenda" class="Toggle"> 

JQuery

Я сделал функцию, которая вызывается в HTML коде.

function bicis() { 
    var $bicisendas = $('input[name="bic"'); 
    $bicisendas.click(function() { 
     if ($bicisendas.is(':checked')) 
     { 

     console.log("Checked");  

     } 
    }); 
} 

хранить объект ввода Jquery в переменной $ bicisendas, а затем проверить проверенное свойство, когда происходит событие щелчка. Я не мог проверить свойство прямо, потому что кнопка проверки была обернута ярлыком. Мне нужно было изолировать элемент таким образом, чтобы избавиться от обертки. Это мои рассуждения, но будучи меня JS/html5 новичок любые более обстоятельные объяснения или решения приветствуются :)

Answer 2

$('ul li label span #bicisenda').click(function() { 
 
if(this.checked) { 
 
    console.log("Checked"); 
 
    alert("checked"); 
 
} else { 
 
    console.log("UnChecked"); 
 
    alert("Un Checked"); 
 
} 
 
});

input[type="checkbox"] {visibility: hidden;position: absolute} 
 
label {padding: 20px;cursor: pointer;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 

 
<ul> 
 
<li> 
 
<label><span> <!--img src="imagenes/bird1.png" /--><a href="#pi/Bicesendas">Bicisendas 
 
<input id="bicisenda" type="checkbox" name="poi" value="Bicisenda" class="Toggle"></a> 
 
</span> 
 
</label> 
 
</li> 
 
</ul>