Это сообщение изначально опубликовано на 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>
Вывод:
Вам также могут понравиться:
- Читайте также: Как создать слайдер изображений с помощью jQuery
Если этот пост был полезен, пожалуйста, нажмите кнопку аплодисментов 👏 ниже.