jQuery İle Checkbox Listesinden Value Değeri Alma

Elimizde bir Checkbox listesi olduğunu varsayalım ve bu listede seçilen checkbox elemanlarının değerlerine nasıl ulaşabileceğimizi inceleyelim.

    <ul id="cbKutular">
        <li><input type="checkbox" value="1" />1</li>
        <li><input type="checkbox" value="2" />2</li>
        <li><input type="checkbox" value="3" />3</li>
        <li><input type="checkbox" value="4"/>4</li>
        <li><input type="checkbox" value="5" />5</li>
        <li><input type="checkbox" value="6" />6</li>
        <li><input type="checkbox" value="7" />7</li>
        <li><input type="checkbox" value="8" />8</li>
        <li><input type="checkbox" value="9" />9</li>
        <li><input type="checkbox" value="10" />10</li>
    </ul>

    <input type="submit" value="Seçilen Checkboxları Gör" id="btnSecilenGor" />

Elimizdeki checkbox listesi bu şekilde olsun.Burada dikkat etmeniz gereken temel husus checkbox listesinin bir üst nesne içerisinde bulunmasıdır.Yukarıdaki kod bloğunda cbKutular isimli id değerine sahip ul nesnesi içinde tutulan checkbox kümemiz buna benzer div vs. gibi bir yapı içerisinde de olabilir.

Şimdi biz o üst nesneye seçici aracılığıyla ulaşıp, o nesne içerisindeki checkbox elemanlarının seçili olanlarını taratacağız.Bu işlem içinde aşağıdaki kod bloğunu inceleyiniz.

    <script type="text/javascript">
        $(document).ready(function () {
            $("#btnSecilenGor").click(function () {
                var Secilenler = "";
                $('#cbKutular :checked').each(function () {
                    //Secilenler.push($(this).val());
                    Secilenler += $(this).val() + ",";
                });

                alert(Secilenler);
            });
        });
    </script>

Gördüğünüz gibi ‘#cbKutular :checked’ komutu ile cbKutular id değerine sahip elemanın içerisindeki checkbozların seçili olanlarını elde ederek, bunlar arasında each fonksiyonuyla dönebiliyorum.

İyi çalışmalar dilerim…