Получить значение флажка?

Итак, у меня есть код, который выглядит так:

<input class="messageCheckbox" type="checkbox" value="3" name="mailId[]">
<input class="messageCheckbox" type="checkbox" value="1" name="mailId[]">

Мне просто нужен Javascript, чтобы получить значение любого флажка, установленного в данный момент.

РЕДАКТИРОВАТЬ : Чтобы добавить, будет только один флажок.

Для современных браузеров :

var checkedValue = document.querySelector('.messageCheckbox:checked').value;

ИспользуяjQuery :

var checkedValue = $('.messageCheckbox:checked').val();

Чистый JavaScript безjQuery :

var checkedValue = null; 
var inputElements = document.getElementsByClassName('messageCheckbox');
for(var i=0; inputElements[i]; ++i){
      if(inputElements[i].checked){
           checkedValue = inputElements[i].value;
           break;
      }
}

Ничто из вышеперечисленного не сработало для меня, но просто используйте это:

document.querySelector('.messageCheckbox').checked;

Удачного кодирования.

Я использую это в моем коде. Попробуйте это

var x=$("#checkbox").is(":checked");

Если флажок установлен, xбудет истинным, в противном случае он будет ложным.

в простом JavaScript:

function test() {
    var cboxes = document.getElementsByName('mailId[]');
    var len = cboxes.length;
    for (var i=0; i<len; i++) {
        alert(i + (cboxes[i].checked?' checked ':' unchecked ') + cboxes[i].value);
    }
}

function selectOnlyOne(current_clicked) {
    var cboxes = document.getElementsByName('mailId[]');
    var len = cboxes.length;
    for (var i=0; i<len; i++) {
        cboxes[i].checked = (cboxes[i] == current);
    }
}

Это не дает прямого ответа на вопрос, но может помочь будущим посетителям.

Если вы хотите, чтобы переменная всегда была текущим состоянием флажка (вместо того, чтобы постоянно проверять ее состояние), вы можете изменить onchangeсобытие, чтобы установить эту переменную.

Это можно сделать в HTML:

<input class='messageCheckbox' type='checkbox' onchange='some_var=this.checked;'>

или с помощью JavaScript:

cb = document.getElementsByClassName('messageCheckbox')[0]
cb.addEventListener('change', function(){some_var = this.checked})

Использовать это:

alert($(".messageCheckbox").is(":checked").val())

Предполагается, что флажки для проверки имеют класс «messageCheckbox», в противном случае вам нужно будет выполнить проверку, если вход имеет тип флажка, и т. Д.

<input class="messageCheckbox" type="checkbox" onchange="getValue(this.value)" value="3" name="mailId[]">

<input class="messageCheckbox" type="checkbox" onchange="getValue(this.value)" value="1" name="mailId[]">

function getValue(value){
    alert(value);
}

Если вы используете Semantic UI React , dataв качестве второго параметра передается onChangeсобытие.

Таким образом , вы можете получить доступ к checkedсобственности следующим образом :

<Checkbox label="Conference" onChange={(e, d) => console.log(d.checked)} />

Ничто из вышеперечисленного не работало для меня, не выдавая ошибки в консоли, когда флажок не был установлен, поэтому я вместо этого сделал что-то подобное (onclick и функция checkbox используются только для демонстрационных целей, в моем случае это часть гораздо большая функция отправки формы):

function checkbox() {
  var checked = false;
  if (document.querySelector('#opt1:checked')) {
     checked = true;
  }
  document.getElementById('msg').innerText = checked;
}

<input type="checkbox" onclick="checkbox()" id="opt1"> <span id="msg">Click The Box</span>

В моем проекте я обычно использую следующие фрагменты:

var type[];
$("input[name='messageCheckbox']:checked").each(function (i) {
                type[i] = $(this).val();
            });

И это хорошо работает. С наилучшими пожеланиями.