Home » , , » Ubah Kondisi Elemen Induk Jika CheckBox Dicentang (Checked)

Ubah Kondisi Elemen Induk Jika CheckBox Dicentang (Checked)

JQuery Snippets

JQuery

$('div.area').find('input:checkbox').change(function() {
if ($(this).is(':checked')) {
$(this).parent().addClass('active');
} else {
$(this).parent().removeClass('active');
}
});

CSS

.area {
padding:10px;
border:1px solid #ccc;
}

.active{background-color:yellow;}


Thank's Mottie :D
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Creating Website

0 comments:

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Homtimpa - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger