jQuery在点击时获取每个复选框的值答案

【问题标题】：jQuery get each checkbox value onclickjQuery在点击时获取每个复选框的值
【发布时间】：2021-04-07 03:38:28
【问题描述】：

从字面上看，我的复选框位于 @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。

【问题讨论】：

标签： jquery foreach onclick each laravel-7

【解决方案1】：

使用以下代码

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

【讨论】：

【解决方案2】：

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

【讨论】：