Это сообщение изначально опубликовано на techsolutionstuff.com — 2 минуты чтения

В этой статье мы увидим, как получить несколько значений флажков в jquery. Здесь мы научимся получать выбранные значения флажков с помощью jquery. Мы будем использовать селектор :checked для флажков и переключателей. Он может получить выбранное значение флажка.

При нажатии на флажок мы будем помещать значение в массив с помощью функции push().

Итак, давайте посмотрим, как получить выбранные значения флажков в jquery, несколько проверенных значений флажков в javascript и как получить несколько значений флажков в jquery с помощью массива.

Пример:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>How To Get Multiple Checkbox Value In jQuery</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
</head>
<body>
    <form>
        <h3>Select languages:</h3>
        <label><input type="checkbox" value="laravel" name="language"> Laravel </label>        
        <label><input type="checkbox" value="php" name="language"> PHP </label>        
        <label><input type="checkbox" value="jquery" name="language"> jQuery </label>
        <label><input type="checkbox" value="javascript" name="language"> JavaScript </label>
        <label><input type="checkbox" value="react" name="language"> React </label>
        <label><input type="checkbox" value="angular" name="language"> Angular </label>
        <label><input type="checkbox" value="python" name="language"> Python </label>
        <br>
        <button type="button">Get Selected Values</button>
    </form>
  <script>
      $(document).ready(function() {
          $("button").click(function(){
              var arr = [];
              $.each($("input[name='language']:checked"), function(){
                  arr.push($(this).val());
              });
              alert("Your selected languages are: " + arr.join(", "));
          });
      });
  </script>
</body>
</html>

Вывод:

Вам также могут понравиться:

Если этот пост был полезен, пожалуйста, нажмите кнопку аплодисментов 👏 ниже.