jQuery 获取每个复选框值 onclick

问题描述

从字面上看，我的复选框放置在@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 是生成的并且很多可以是不同的。

解决方法

使用以下代码

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

,

使用 vanilla 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);
});