Блог

Я пытаюсь поместить результаты моего флажка в переменную в виде двоичного числа, чтобы я мог сравнить его с другой переменной. У меня есть 12 флажков и переменная из базы данных, которую необходимо сравнить с результатом 12 флажков. Пример переменной из базы данных может быть 110010111001, и поэтому, если комбинация флажков приведет к тому же 110010111001, тогда что-то произойдет.

Я попытался добавить результаты флажка, как показано ниже, но это просто добавит результаты

 <ul id="cat_list">
  <li><input type="checkbox" id="motorhome" name="catSelect">Motorhome</li>
  <li><input type="checkbox" id="caravan"  name="catSelect">Caravan</li>
  <li><input type="checkbox" id="tent"  name="catSelect">Tent</li>
</ul>

$(document).ready(function () {
     $('#cat_list').click(function () {
         let motorhomeSelect = $('input[id="motorhome"]').prop('checked');
         let caravanSelect = $('input[id="caravan"]').prop('checked');
         let checkBinary = motorhomeSelect   caravanSelect;
         console.log(checkBinary);
 }
 

Используйте приведенный ниже код для генерации двоичного кода каждый раз, когда мы меняем / нажимаем на флажок.

HTML

 <ul id="cat_list">
  <li><input type="checkbox" id="motorhome" name="catSelect">Motorhome</li>
  <li><input type="checkbox" id="caravan"  name="catSelect">Caravan</li>
  <li><input type="checkbox" id="tent"  name="catSelect">Tent</li>
</ul>
 

Javascript

 $(document).ready(function () {
     $('#cat_list input').change(function () {
       var binaryNum = '';
        $.each($("#cat_list input"),function(){
          binaryNum  =$(this).prop('checked') ? '1' : '0';
        });
        console.log("Final Binary number ",binaryNum)
      });
});
 

Codepen — https://codepen.io/askannan/pen/yLaBpeG