Onay kutuları arasında dolaşın ve işaretli veya işaretli olmayan her birini sayın

Bir sorunla karşılaştım. İşte kısa bir açıklama.

Standart bir formda 12 onay kutum var. Yapmam gereken şey, her birini gözden geçirmek ve hangilerinin kontrol edildiğini ve hangilerinin kontrol edilmediğini öğrenmek.

Bunu kullanarak, daha sonra bir veritabanı alanına girdiğim bir dize oluşturabilirim. İşte bir örnek.

(Kontrol1 - işaretlendi)
(Kontrol2 - işaretlenmedi)
(Kontrol3 - işaretlendi)

1,0,1

Şimdiye kadar, bu biraz kod aldım.

$('input[type=checkbox]').each(function () {
           if (this.checked) {
               console.log($(this).val()); 
           }
});

Tamamen değil, yalnızca işaretlenmiş olanları geri getirmesi dışında mükemmel çalışır.

Yeni soru için özür dilerim. Ben jquery'de yeniyim.

Tam olarak gösterdiğiniz biçimde bir sonuç dizesi oluşturmak için şunu kullanabilirsiniz:

var sList = "";
$('input[type=checkbox]').each(function () {
    sList += "(" + $(this).val() + "-" + (this.checked ? "checked" : "not checked") + ")";
});
console.log (sList);

Ancak @SLaks'a katılıyorum, bunu veritabanınızda saklayacağınız yapıyı yeniden düşünmeniz gerektiğini düşünüyorum.

DÜZENLEME : Üzgünüm, aradığınız çıktı biçimini yanlış okudum. İşte bir güncelleme:

var sList = "";
$('input[type=checkbox]').each(function () {
    var sThisVal = (this.checked ? "1" : "0");
    sList += (sList=="" ? sThisVal : "," + sThisVal);
});
console.log (sList);

Seçicileri Kullanma

Tüm işaretli onay kutularını şu şekilde alabilirsiniz:

var boxes = $(":checkbox:checked");

Ve tüm kontrol edilmeyenler şöyle:

var nboxes = $(":checkbox:not(:checked)");

Bu koleksiyonlardan herhangi biri arasında geçiş yapabilir ve bu isimleri saklayabilirsiniz. Eksik bir şey varsa, kontrol edildiğini veya olmadığını bilirsiniz. PHP'de, kontrol edilmiş bir dizi adınız varsa, in_array()belirli bir kutunun daha sonraki bir tarihte işaretlenip işaretlenmeyeceğini bilmek için basitçe bir istekte bulunabilirsiniz.

Seri hale getir

jQuery ayrıca form denetimlerinizin durumunu koruyacak bir serileştirme yöntemine sahiptir. Örneğin, jQuery'nin web sitesinde verilen örnek aşağıdaki gibidir:

single=Single2&multiple=Multiple&multiple=Multiple3&check=check2&radio=radio2

Bu, hangi öğelerin kontrol edildiğini de saklamanızı sağlayacaktır.

Yazarak tüm onay kutuları arasında geçiş yapabilirsiniz $(':checkbox').each(...).

Sorunuzu doğru anladıysam, aşağıdaki kodu arıyorsunuz:

var str = "";

$(':checkbox').each(function() {
    str += this.checked ? "1," : "0,";
});

str = str.substr(0, str.length - 1);    //Remove the trailing comma

Bu kod, tüm onay kutularının üzerinden geçecek ve ya 1,ya 0,da bir dizeye ekleyecektir .

Orijinal gönderide öne sürülen şema hususlarına yeterince zaman ayrıldığını sanmıyorum. İşte yeni başlayanlar için dikkate alınması gereken bir şey.

Diyelim ki devam ettiniz ve bu çözümü inşa ettiniz. Tüm temel değerleriniz tek bir değerde toplanır ve veritabanında saklanır. Veritabanınızda gerçekten [biraz] yer ve biraz zaman kodlaması kazanıyorsunuz.

Şimdi, mevcut onay kutuları 3 ve 4 arasına yeni bir onay kutusu ekleme görevini sık ve kolay bir şekilde gerçekleştirmeniz gerektiğini düşünelim. Geliştirme yöneticiniz, müşteriniz, bunun basit bir değişiklik olmasını beklerse.

Böylece, onay kutusunu kullanıcı arayüzüne eklersiniz (kolay kısım). Döngü kodunuz, kaç onay kutusu olursa olsun değerleri zaten birleştirirdi. Ayrıca, veritabanı alanınızın sadece bir varchar veya başka bir dize türü olduğunu anlıyorsunuz, bu yüzden de iyi olmalı.

Müşterileriniz veya siz değişiklikten önceki verileri görüntülemeye çalıştığınızda ne olur? Esasen soldan sağa diziliyorsunuz. Ancak, şimdi 3'ten sonraki değerlerin tümü 1 karakter farkla kapalıdır. Tüm mevcut verilerinizle ne yapacaksınız? Bir uygulama yazacak, hepsini veritabanından çıkaracak, yeni soru konumu için varsayılan bir değer eklemek üzere işleyecek ve ardından hepsini veritabanında depolayacak mısınız? Bir hafta veya bir ay arayla birkaç yeni değeriniz olduğunda ne olur? Ya konumları taşırsanız ve jQuery bunları farklı bir sırayla işlerse? Tüm verileriniz toplanır ve yeniden düzenlemek için yeniden işlenmesi gerekir.

Sıkı bir anahtar-değer ilişkisi SAĞLAMAMANIN tüm kavramı ludacris'tir ve başınızı belaya sokmaktan ziyade en kısa zamanda sonuçlanacaktır. Bunu düşünenler için lütfen yapma. Şema değişiklikleri için diğer öneriler gayet iyi. Bir alt tablo, ana tabloda daha fazla alan, soru-cevap tablosu vb. Kullanın. Bu verilerin yapısı değişebileceğinde, etiketsiz verileri saklamayın.

$.extend($.expr[':'], {
        unchecked: function (obj) {
            return ((obj.type == 'checkbox' || obj.type == 'radio') && !$(obj).is(':checked'));
        }
    });

$("input:checked")
$("input:unchecked")