- В этом небольшом уроке я объясню вам, как получить выбранное значение флажка из списка флажков в jQuery. Если у вас есть несколько флажков в строках таблицы, мы получаем отмеченное значение флажка в массиве или строке в jQuery.
- Поэтому я добавил ниже готовый код для вас, чтобы вы могли скопировать и вставить этот код и получить прямой вывод, я добавил некоторый код jQuery и флажок html, а также начальную загрузку cdn и ссылку jQuery.
<html> <head> <title>How to get selected checkbox value from checkboxlist in Jquery — websolutionstuff.com</title> <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script type=”text/javascript” src=”https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> </head> <body> <div class=”container” style=”border:1px solid red; margin-top: 20px;”> <h3 class=”text-center”>How to get selected checkbox value from checkboxlist in Jquery — websolutionstuff.com</h3> <div style=”margin-left: 210px;”> <input type=”checkbox” id=”id1" value=”PHP”/> <label>PHP</label> <br> <input type=”checkbox” id=”id2" value=”jQuery”/> <label>jQuery</label> <br> <input type=”checkbox” id=”id3" value=”CSS”/> <label>CSS</label> <br> <input type=”checkbox” id=”id4" value=”Bootstrap”/> <label>Bootstrap</label> <br> <input type=”checkbox” id=”id5" value=”Laravel”/> <label>Laravel</label> <br><br> <input type=”button” id=”btn” value=”Submit” class=”btn btn-primary” style=”margin-bottom: 20px;” /> </div> </div> </body> <script type=”text/javascript”> $(function () { $(“#btn”).click(function () { var selected = new Array(); $(“input[type=checkbox]:checked”).each(function () { selected.push(this.value); }); if (selected.length > 0) { alert(“Selected items: “ + selected.join(“,”)); } }); }); </script> </html>
И, наконец, вы можете получить вывод, как показано на снимке экрана ниже.
Читайте также: Как удалить несколько записей с помощью флажка в Laravel