Jquery 将复选框结果添加到一起以生成二进制数

我试图将复选框结果作为二进制数放入变量中，以便将其与另一个变量进行比较。 我有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);
 }

房车
商队
帐篷

$（文档）.ready（函数（）{
$（“#目录列表”）。单击（函数（）{
让motorhomeSelect=$（'input[id=“motorhome”]'）.prop（'checked'）；
让caravanSelect=$（'input[id=“caravan”]”）。prop（'checked'）；
让checkBinary=motorhomeSelect+caravanSelect；
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>

---

Codepen-

这很好，我们必须研究这项工作，了解它是如何工作的。谢谢

$(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)
      });
});