Question

我需要使用自定义数据属性来获取所有选中的复选框。

    <input type="checkbox" class="check" data-name="id" value="5">

$("input[data-name='id']:selected") and $("input:selected[data-name='id']")

不起作用。

Answer 1

复选框和广播获得checked而不是selected。下面将创建一个数组，其中包含所有选中的复选框。

var arry = [];
$("input[data-name='id']:checked").each(function(){
 arry.push(this.value);
});

console.log(arry);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input checked type="checkbox" class="check" data-name="id" value="5">
<input checked type="checkbox" class="check" data-name="id" value="3">

Answer 2

以下内容应基于结合：checked选择器的data-name属性进行选择

console.log($('[data-name=id]:checked'))

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" class="check" data-name="id" value="5"> 
 <input type="checkbox" class="check" data-name="id" value="6" checked> 
 <input type="checkbox" class="check" data-name="id" value="7"> 
 <input type="checkbox" class="check" data-name="id" value="8" checked> 
 <input type="checkbox" class="check" data-name="id" value="9" checked>

如何选择具有自定义数据属性的输入元素？

2 个答案: