Den Wert eines markierten Kontrollkästchens abrufen?

Question

Ich habe also einen Code, der wie folgt aussieht:

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

Ich brauche nur Javascript, um den Wert des aktuell angekreuzten Kästchens zu erhalten.

EDIT : Um etwas hinzuzufügen, muss nur EIN Kästchen angekreuzt werden.

Answer 1

$(document).ready(function() {
  var ckbox = $("input[name='ips']");
  var chkId = '';
  $('input').on('click', function() {

    if (ckbox.is(':checked')) {
      $("input[name='ips']:checked").each ( function() {
            chkId = $(this).val() + ",";
        chkId = chkId.slice(0, -1);
      });

       alert ( $(this).val() ); // return all values of checkboxes checked
       alert(chkId); // return value of checkbox checked
    }     
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input type="checkbox" name="ips" value="12520">
<input type="checkbox" name="ips" value="12521">
<input type="checkbox" name="ips" value="12522">

Answer 2

Verwenden Sie dies:

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

Dies setzt voraus, dass die zu prüfenden Kontrollkästchen die Klasse "messageCheckbox" haben, andernfalls müssten Sie prüfen, ob die Eingabe vom Typ Kontrollkästchen ist, usw.

Answer 3

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

Answer 4

Keines der oben genannten arbeitete für mich ohne werfen Fehler in der Konsole, wenn das Feld nicht überprüft wurde, so dass ich etwas entlang dieser Zeilen stattdessen (onclick und die Checkbox-Funktion werden nur für Demo-Zwecke verwendet, in meinem Anwendungsfall ist es Teil eines viel größeren Formulars Übermittlung Funktion):

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>

Answer 5

Sie können folgende Möglichkeiten nutzen jQuery o JavaScript zu prüfen, ob checkbox angeklickt wird.

$('.messageCheckbox').is(":checked"); // jQuery
document.getElementById(".messageCheckbox").checked //JavaScript

Um den in jQuery geprüften Wert zu erhalten:

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