jQuery - 获取具有特定类的已选中复选框的值

Question

我想获取包含value类的已选中复选框的radioListMode：

<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>

从这previous question开始，这就是我尝试过的，它是undefined：

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

我不想添加name，因为此复选框的值仅用于布局选择，而不是任何数据输入。

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"));
});