How to Get Multiple Checkbox Values in jQuery
Example 1: Use the jQuery :checked selector
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Get Values of Selected Checboxes - www.pakainfo.com</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function(){
var languages = [];
$.each($("input[name='web']:checked"), function(){
languages.push($(this).val());
});
alert("My languages Webs are: " + languages.join(", "));
});
});
</script>
</head>
<body>
<form>
<h3>Select your languages Webs:</h3>
<label><input type="checkbox" value="vuejs" name="web"> Vuejs</label>
<label><input type="checkbox" value="angularjs" name="web"> Angularjs</label>
<label><input type="checkbox" value="magento" name="web"> Magento</label>
<label><input type="checkbox" value="php" name="web"> PHP</label>
<label><input type="checkbox" value="javascript" name="web"> JavaScript</label>
<label><input type="checkbox" value="wordpress" name="web"> Wordpress</label>
<hr>
<button type="button">Get Values</button>
</form>
</body>
</html>I hope you get an idea about how to get all checked checkbox” value in jquery.
- This blog post was originally published at: https://www.pakainfo.com
1.15 GEEK