2

Как можно проверить состояние checkbox-а после перезагрузки страницы с помощью javascript ?

Ести js функция:

function reload(){
     location.reload();
}

и checkbox

<input type="checkbox" name="all" onClick="reload()"/>View all

как мне проверить состояние после такой перезагрузки?

9
  • Какое еще состояние? 24 мар 2013 в 10:45
  • Под состоянием вы понимаете checked? или disabled? 24 мар 2013 в 10:46
  • А какое состояние может еще иметь, стоит галочка или нет.
    – scalpel
    24 мар 2013 в 10:58
  • 1
    после перезагрузки состояние сбросится.
    – zb'
    24 мар 2013 в 16:48
  • 1
    @eicto, не обязательно, если отправлен через форму на эту же страницу, то не сбросится.
    – dlarchikov
    24 мар 2013 в 18:54

3 ответа 3

2

Без jQuery:

var element = document.querySelector('input[type=checkbox]');    

if (element.checked) {
    doSomething();
}

С jQuery:

$('input[type=checkbox]').each(function () {
    if ($(this).prop('checked')) {
        doSomething();
    }
});
2
  • 1
    К JQuery, я бы еще добавил if ( $(this).is(":checked") )
    – koks_rs
    24 мая 2016 в 7:34
  • да. я видимо оппечатался. prop('checked') хотел написать. По сути это аналог Вашего кода, только отработает функция быстрее 24 мая 2016 в 15:00
2

document.addEventListener('change', function () {
  var chk = event.target
  
  if (chk.tagName === 'INPUT' && chk.type === 'checkbox') {
    console.log("%s %s %s", chk.name, chk.value, chk.checked)
  }
})
<input type=checkbox name=a value=1>
<input type=checkbox name=a value=2>
<input type=checkbox name=a value=3>
<input type=checkbox name=a value=4>
<input type=checkbox name=a value=5>

<br>

<input type=checkbox name=b value=1>
<input type=checkbox name=b value=2>
<input type=checkbox name=b value=3>
<input type=checkbox name=b value=4>
<input type=checkbox name=b value=5>

-1

Возможно так:

<input type="checkbox" name="all">View all

<script>
    var chck = document.querySelector('input');

    if (localStorage.status !== undefined) {
      chck.checked = parseInt(localStorage.status);
    }

    chck.addEventListener('change', function (e) {
      localStorage.status = e.target.checked ? 1 : 0;
      reload();
    });

    function reload(){
      location.reload();
    }
  </script>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.