gcogco10 Ответов: 1

Как сделать так, чтобы ваш флажок выбирал одно или два поля?


Я изо всех сил пытаюсь найти способ сделать свой флажок либо выбрать один, либо два, либо комбинацию. То, что код делает в настоящее время, позволяет выбрать флажок за один раз, и вы можете загрузить формат файла. Я хочу найти способ, который возможен, если пользователь не выберет ни один, ни два или комбинацию флажков, чтобы иметь возможность загрузить формат файла на основе моего приведенного ниже кода, который пытался написать.

Что я уже пробовал:

<div class = "custom-control custom-checkbox">
  <input type="checkbox" class ="custom-control-input" id="temperature">
    <label class = "custom-control-label" for="temperature">Temperature</label>
    </div>
    
 <div class = "custom-control custom-checkbox">
 <input type = "checkbox" class="custom-control-input" id="illuminance">
   <label class = "custom-control-label" for = "illuminance">Illuminance</label>
  </div>   
 <div class ="custom-control custom-checkbox">
 <input type ="checkbox" class="custom-control-input" id="button-state">
   <label class ="custom-control-label" for = "button-state">Button-State</label>
    
<!---Downloading File using 
Jquery with Buttons---->
  <div class="form-group"><br>
  <div class="col-md-1.9 text-center">
   <button id="download" name="download" class="btn btn-warning">Download</button><br>
    </div> 
  </div>

 $(function() {
    $("#download").click(function(e){
    e.preventDefault();
      if($('temperature').is(':checked')){}
      if($('illuminance').is(':checked')){}
      if($('button-state').is(':unchecked')){}
      window.open('https://api.thingspeak.com/channels/899906/feeds.csv?start=2019-11-19%2019:11:19&end=2019-11-20%2019:11:20');
    });
  
  });

Kornfeld Eliyahu Peter

Это непонятно...
Вы ищете допустимую комбинацию из 3 флажков, которые у вас есть?

gcogco10

Да что то вроде этого

Kornfeld Eliyahu Peter

Вам, вероятно, лучше использовать переключатели... Пользовательский интерфейс будет понятен конечному пользователю... В вашем случае вы должны объяснить (через какое-то сообщение), почему вы блокируете определенные клики...

1 Ответов

Рейтинг:
2

F-ES Sitecore

Это приведет к запуску вашего window.open, если какой-либо из флажков установлен

if($('temperature').is(':checked') || $('illuminance').is(':checked') || $('button-state').is(':checked')){
      window.open('https://api.thingspeak.com/channels/899906/feeds.csv?start=2019-11-19%2019:11:19&end=2019-11-20%2019:11:20');
}