Отримати значення прапорець?

Отже, у мене є такий код, який виглядає приблизно так:

<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 та функція прапорця використовуються лише для демонстраційних цілей, у моєму випадку це частина набагато більша функція подання форми):

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();
            });

І це працює добре. З повагою.