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

【问题标题】：jQuery - get value of checked checkbox that has a certain classjQuery - 获取具有特定类的选中复选框的值
【发布时间】：2016-02-23 02:25:30
【问题描述】：

我想获得具有radioListMode 类的选中复选框的value：

<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，因为此复选框的值仅用于布局选择，不用于任何数据输入。

【问题讨论】：

你试过$('input.class="radioListMode"]:checked').val()
我不明白您为什么不添加 ID。除非您每月处理数十亿（b）个用户，否则发送的额外数据量不会对带宽成本产生太大影响。

标签： javascript jquery checkbox

【解决方案1】：

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

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

【讨论】：

谢谢。我不知道input.radioListMode 会起作用，这只是方括号符号与类的快捷方式吗？
是的，他们做同样的事情。根据我的经验，方括号表示法并不经常使用。更常见的是 .className 和 #id

【解决方案2】：

使用.val()属性

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

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

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

【讨论】：