jQuery在单击时获取每个复选框值

Question

实际上，我的复选框被放置在@foreach循环中，并包含Eloquent的数据。我需要得到点击复选框的值。

例如：

@foreach ($lots as $lot)
<td>
<input type="checkbox" id="get-{{$lot->id}}" value="{{$lot->id}}" class="get">
</td>
@endforeach

和jQuery脚本：

$(".get").each(function(i){
$(this).on("click", function(){
var lot_id = $(".get").val();
alert('Работает' + lot_id);

});
});

我不知道如何获得一个复选框的id，如果它的id是生成的，并且很多可以是不同的。

Answer 1

使用以下代码

$(".get").on("click", function(){
var lot_id = $(this).val();
alert('Работает' + lot_id);        
});

Answer 2

使用普通javascript可以querySelectorAll获取值和属性

document.querySelectorAll('.get').forEach((ele)=>{
ele.addEventListener('click', (e)=>{
var id = e.target.value;
console.log(id);
});
});

使用jQuery，尝试类似以下

$(document).on('click', '.get', function(){
var id = $(this).val();
console.log(id);
});