How can I get dynamic checkbox checked value in jQuery?
Dung Do Tien
Nov 05 2020
362
I have a form with a list of categories for user choose but It generates dynamic from an array, and how can I get checked value from the user?
This is my code by Asp.net core:
<div class="custom-select">
<span>Category</span>
@foreach (var cate in Model.ListCategory)
{
<input id="optCateitem-@cate.Id" type="checkbox" value="@cate.Id" />
<lable for="optCateitem-@cate.Id">@cate.Title</lable>
}
</div>
<div clas="form-item">
<button type="button" id="btnSubmit">Submit</button>
</div>
Now I want to click to Submit
button, I will alert all options categories selected from the user.
Thanks for any suggestions!!
Have 1 answer(s) found.
-
M1
Marry Christ Nov 08 2020
I think dynamic or fix, they are the same and we have some way to get checkbox checked value.
First, you have to set a name for the check box, because we'll get the value selected through the name attribute.
<input id="optCateitem-@cate.Id" type="checkbox" value="@cate.Id" name="cbCategory" />
And in jquery code:
var checkboxChecked = $('.custom-select input[name=cbCategory]:checked'); checkboxChecked.each(function(){ // Do stuff here with this });
You can see some other solution and example from this q&a.
* Type maximum 2000 characters.
* All comments have to wait approved before display.
* Please polite comment and respect questions and answers of others.