<ul class="varyant">
  <li data-stokid="2">
    Seçenek 1
  </li>
  <li data-stokid="4">
    Seçenek 2
  </li>
  <li data-stokid="8">
    Seçenek 3
  </li>
</ul>
<div>Sepet: <div id="sepet_durum"></div>
</div>
<input name="adet" value="1">
<button id="ekle">Ekle</button>

$("#ekle").on("click", function () {
  $("#sepet_durum").removeClass().html("");

  // dizi olması gerekiyor
  var secenek_id = [];

  if (parseInt($('[name="adet"]').val()) < 1) {
    $("#sepet_durum").addClass("hata").html("Lütfen geçerli bir adet giriniz.");
  } else {
    
    if ($(".varyant li.aktif").length === 0) {
      $("#sepet_durum").addClass("hata").html("seçim yapın");
      return false;
    }

    $(".varyant li").each(function () {
      var li = $(this);
      if (li.hasClass("aktif")) {
        // diziye secili olan ID set ediliyor.
        secenek_id.push(li.data("stokid"));
      }
    });

    // burayı kendinize gore ayarlayın artık.
    console.log("secili varyant", secenek_id);
  }
});

// seçili olanları belirt
$(".varyant li").on("click", function () {
  $(this).addClass("aktif");
});