Cara Menampilkan Data Sebelumnya Ketika Uncheck pada checbox

saya punya kasus misal

ketika kita pilih checkbok dengan value="jeruk" maka pada input type text diatas akan berubah valuenya menjadi jeruk.

dan ketika kita uncheck akan kembali ke apel?? bagaimana cara membuat uncheck ini agar bisa kembali ke value sebelumnya

mohon bantuannya temen2 programer _^

avatar Arrasy
@Arrasy

2 Kontribusi 0 Poin

Diperbarui 5 tahun yang lalu

1 Jawaban:

Jawaban Terpilih

Halo.

Saya coba bantu pakai jQuery ya:

<pre> (function($){

// find elements var checkbox = $('input:checkbox'); var input = $('input:text');

// dapetin dan simpan value apel var inputDefaultValue = input.val();

// handle change checkbox.on("change", function(){ if ( $(this).is(':checked') ) { // jika dicheck, ganti valuenya input.val($(this).val()); } else { // jika tidak dicheck balikin value defaultnya input.val(inputDefaultValue); } })

})(jQuery); </pre>

Lihat live previewnya disini: <a href=' https://jsfiddle.net/xpvt214o/789772/ '> https://jsfiddle.net/xpvt214o/789772/ </a>

avatar tompradana
@tompradana

134 Kontribusi 95 Poin

Dipost 5 tahun yang lalu

Tanggapan

terimakasih atas supportnya semoga berkah ilmunya dan bermanfaat

Login untuk ikut Jawaban