Question

我的页面中有多个复选框，每次单击复选框，我都会感兴趣的ID，并填写隐藏的表单。我的脚本正在运行但是如果我取消选中该复选框，它应该从隐藏字段中删除id（现在它再次将id添加到隐藏字段中）。我怎么写这样的脚本？到目前为止，这是我的代码：

$(document).ready(function() {
    var string = "";


  $('.checkbox').on('change', function() {
    var subscription_id = $(this).parent().attr('id');
    if(string == "") {
      string = subscription_id;
    } else {
      string = string + ", " + subscription_id;
    }
    $('#select_players').val(string);
    $('#subscription_ids_export').val(string);
  })
})

Answer 1

您可以通过仅检查已选中的复选框中的subscription_id值来简化此操作，而不是每次都添加/删除值。

试试这个：

$('.checkbox').on('change', function() {
    var subscriptionIds = $('.checkbox:checked').map(function() {
        return $(this).parent().prop('id');
    }).get().join(',');
    $('#select_players').val(subscriptionIds);
    $('#subscription_ids_export').val(subscriptionIds);
})

Example fiddle

需要在“更改”的隐藏字段中追加/删除ID

1 个答案: