jQuery - get value of checked checkbox that has a certain class

Question

I'd like to get the value of the checked checkbox that has the radioListMode class:

<label class="btn btn-secondary active">
    <input type="radio" class="radioListMode" value="cards" checked>Cards
</label>
<label class="btn btn-secondary">
    <input type="radio" class="radioListMode" value="pins">Pins
</label>

From this previous question , this is what I have tried and it is undefined :

console.log($('input[class="radioListMode"]:checked').value);

I do not wish to add a name because the value of this checkbox is only used for layout selection, not any data input.

Answer 1

既然您似乎在使用 jQuery，请坚持使用它：

$('input.radioListMode:checked').val();

Answer 2

使用.val()属性

$('input[class="radioListMode"]:checked').val()

Answer 3

.value不是 jQuery 函数，而是使用.val() ，如下所示：

console.log($('input[class="radioListMode"]:checked').val());

Answer 4

$(".yourClassName:checkbox:checked").each(function() {
     console.log($(this).attr("id"));
});