Değiştirildiğinde rengi değiştir

Question

Belgedeki bazı giriş öğelerine (metin, radyo, onay kutusu vb.) Sahibim. Bir değişiklik yapıldığında bunların her biri rengini değiştirmelidir. Benim girdi elemanlarının değerini değiştirdiğinizde

$("document").on('click', 'change', 'select', function() { 
    $(this).addClass("changed") 
}); 

ya metin veya seçeneğini tıklatarak girerek, arka plan rengini değiştirmez:

Bu benim yaklaşımdır.

Here is a fiddle.

Answer 1

Sen hataların bir çift var; document, belge nesnesini seçiciye sunduğunuz için tırnak içinde olmamalı ve olayları iki farklı parametrede değil, tek bir parametrede bir boşlukla ayırmalısınız. Bu deneyin:

$(document).on('click change', ':input', function() { 
    $(this).addClass("changed") 
}); 

fazla ayrıntı için jQuery API docs bakınız:

$(document).on('click change', 'select', function() { 
    $(this).addClass("changed") 
}); 

form kontrolünün her türlü hedeflemek istiyorsanız, :input seçicisini kullanın.

Answer 2

Küçük hata. Olmalıdır:

$(function() { 
    $(document).on('click change', 'select, input', function() { 
//-^--------^---------^^^--------------^^^^^^^^^ 
    $(this).addClass("changed") 
    }); 
}); 

Ayrıca document hazır fonksiyonu içine sarın.

.on() sözdizimi şöyledir:

.on(events [, selector ] [, data ], handler) 

Fiddle: https://jsfiddle.net/mL823jws/