need to add a class to the container that has no input selected this is my attempt jquery:
$('.section .container-items input:checked').each( function(){
$('.section .container-items').addClass('red');
});
I need this result
-
I don't understand what the question is.j08691– j086912014-05-09 17:09:05 +00:00Commented May 9, 2014 at 17:09
-
Need to add a class to the container that has no input selecteduser3495224– user34952242014-05-09 17:11:33 +00:00Commented May 9, 2014 at 17:11
Add a comment
|
3 Answers
Use this:
$("input[type=radio]").on('click', function() {
var container = $(this).parent().parent();
$(".container-items", container).each(function() {
$(this).addClass("red");
});
$(this).parent().removeClass("red");
});
DEMO
Comments
You need to use .change().
$('.section .container-items input').change( function(){
$(this).parent().removeClass('red').siblings().addClass('red');
});
Comments
var chck = $('.section .container-items input');//cache selector
chck.change(function () { //change event
chck.filter(':not(:checked)').parent().addClass('red'); //add red to class red to parent if not checked
chck.filter(':checked').parent().removeClass('red'); //checked elements remove red class
}).change(); //trigger change event
answered May 9, 2014 at 17:12
Tushar Gupta - curioustushar
57.2k24 gold badges106 silver badges110 bronze badges