Автоматическое обновление веб-страницы с помощью jQuery с кнопкой включения-выключения

Question

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

<script> 
    $(document).ready(function(){ 
     $("#btnautorefreshon").click(function(){ 
     setTimeout(function() { location.reload() },1500); 
     }); 
    }); 
</script> 

Ниже приведен код кнопки включения-выключения:

<div class="page-header-actions" data-toggle="buttons" role="group"> 
      <label class="btn btn-outline btn-primary active"> 
      <input type="radio" name="options" autocomplete="off" value="autorefreshoff" checked /> 
      <i id="btnautorefreshoff" class="icon wb-check text-active" aria-hidden="true"></i>      Auto Refresh Off 
      </label> 
      <label class="btn btn-outline btn-primary"> 
      <input type="radio" name="options" autocomplete="off" value="autorefreshon" /> 
      <i id="btnautorefreshon" class="icon wb-check text-active" aria-hidden="true"></i>      Auto Refresh on 
      </label> 
</div> 

Спасибо.

Answer 1

Радиокнопка для автозаполнения - это тег input в вашем html, поэтому вам просто нужно перефокусировать метку селектора, чтобы задать это, добавив уникальный идентификатор к самому входу.

/* $(".btn").on({ 
 
    'click': function() { 
 
    if ($('input#refreshon').is(':checked')) { 
 
     console.log('checked'); 
 
     setTimeout(function() { 
 
      location.reload(); 
 
     }, 1500); 
 
    } 
 
    } 
 
}); */ 
 

 
$('input#refreshon').on({ 
 
    'click': function() { 
 

 
    console.log('checked'); 
 
    setTimeout(function() { 
 
     location.reload(); 
 
    }, 1500); 
 

 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="page-header-actions" data-toggle="buttons" role="group"> 
 
    <label class="btn btn-outline btn-primary active"> 
 
    <input type="radio" name="options" autocomplete="off" value="autorefreshoff" checked /> 
 
    <i id="btnautorefreshoff" class="icon wb-check text-active" aria-hidden="true"></i> Auto Refresh Off 
 
    </label> 
 
    <label class="btn btn-outline btn-primary"> 
 
    <input id="refreshon" type="radio" name="options" autocomplete="off" value="autorefreshon" /> 
 
    <i id="btnautorefreshon" class="icon wb-check text-active" aria-hidden="true"></i> Auto Refresh on 
 
    </label> 
 
</div>