javascript - 仅增值一次

Question

let kod = "";
$(".radOvladac").click(function(){
if($(this).is(':checked')){
  let value = $(this).val();
  kod = kod  + value;
  console.log(kod);
}

})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="ovladani">

                <input type="checkbox" value="-y1" class="regulaceTeploty">
                <h2>Tempeture regulation</h2>
                  <input type="checkbox" value="-a" class="radOvladac">Heater<br>
                  <input type="checkbox" value="-b" class="radOvladac">Ground heater 1<br>
                  <input type="checkbox" value="-c" class="radOvladac">Ground heater 2<br>
                  <input type="checkbox" value="-d" class="radOvladac">Funcoil<br>

              </div>

我有多个复选框(大约 20 个)

<input type="checkbox" value="-a" class="Configurator">Radiátory<br>
<input type="checkbox" value="-b" class="Configurator">Podlahové vodní<br>
<input type="checkbox" value="-c" class="Configurator">Podlahové el.<br>
<input type="checkbox" value="-d" class="Configurator">Funcoil<br>

如果我检查任何内容，则添加 .val();作为变量“kod”(代码)内的字符串

$(".radOvladac").click(function(){
if($(this).is(':checked')){
  let value = "";
  kod = kod + value;
  value = $(this).val();
  kod = kod + value;
  console.log(kod);
}

它将其值相加，如“-a-a-a-a-b...”我如何才能仅切换该值一次？ Kod 是无法更改的全局变量。如果我选中复选框，它会添加 -a -> 如果我取消选中，它会删除 -a 等等。我一直在使用 -split，但这会很复杂。

Answer 1

根据我从你的问题中了解到的情况，我猜你需要以下解决方案。我也不知道 radOvladac 是什么，所以使用了输入类希望它有帮助:)

kod = "";
$(".Configurator").click(function() {
  let value = "";
  if ($(this).is(':checked')) {
    kod = kod + value;
    value = $(this).val();
    kod = kod + value;
  } else {
    value = $(this).val();
    index = kod.indexOf(value);
    //console.log(index);
    kod = kod.slice(0, index)
  }
  console.log(kod);
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" value="-a" class="Configurator">Radiátory<br>
<input type="checkbox" value="-b" class="Configurator">Podlahové vodní<br>
<input type="checkbox" value="-c" class="Configurator">Podlahové el.<br>
<input type="checkbox" value="-d" class="Configurator">Funcoil<br>