На третьем шаге есть 4 блока-картинки, при выборе картинки она отмечается галочкой в оранжевом кружке. Как заставить кружок исчезать при выборе другой картинки? Весь код файла show-hide-tooltip4.js:
ЭЙЧТИТИПИhttp.home-projects.ru/calculator/
$('.js-radio-input').click(function() {
//var arr = $('.gazosilikatny-blok-1, .gazosilikatny-blok-2, .gazosilikatny-blok-3, .gazosilikatny-blok-4');
//console.log(arr);
$( arr ).each(function( index ) {
//console.log( index );
//console.log( index ).css('scale', '3');
});
var arr = [ "blok1", "blok2", "blok3", "blok4" ];
var obj = { blok1: 1, blok2: 2, blok3: 3, blok4: 4 };
//console.log(obj.blok2);
jQuery.each( arr, function( i, val ) {
// Will stop running after "three"
return ( val !== "three" );
//console.log(val);
});
jQuery.each( obj, function( i, val ) {
//console.log(val);
});
var lastClass = $('#third_step_details .calc-img-list-container .wall-item').attr('class').split(' ').pop();
console.log(lastClass); // 0 у всех
var www = $( this ).closest('.wall-item').attr('class').split(' ').pop();
console.log(www + ' parent'); // корректно выводит индекс родителя
var indexParent = $( this ).closest('.wall-item').index();
console.log(indexParent + ' parent'); // корректно выводит индекс родителя!
var mark = $('.exp-left label div');
var container = $('.calc-img-list-container li').index( this );
var indexRadio = $( ".js-radio-input" ).index( this );
console.log(indexRadio + ' radiobutton'); // корректно выводит индекс радиобаттона!
var indexMark = $(".js-radio-input").closest('.mark').index();
console.log(indexMark + ' mark-icon'); // некорректно выводит индекс кружка - у всех 0!
var indexPa = $( this ).closest('.mark').index();
console.log(indexPa + ' mark'); // !
/*var num = $("label div").attr("id", this);
for(i = 0; i < num.length; i++) {
var iterator = i;
console.log(iterator);
if(iterator == indexParent) {
console.log('okkkkkkkkk');
console.log($("label div"));
$("label div").css('transform', 'scale(1)');
} else {
console.log('noooooooo');
$("label div").css('transform', 'scale(0)');
}
}
console.log(num);*/
$('#third_step_details label div').each(function () {
var tt = $(this).attr('id');
if(tt == indexParent) {
console.log($('label div').attr('id'));
}
if(indexParent == tt) {
console.log(tt);
console.log(indexParent);
var number = parseInt(tt);
console.log(number);
$(this).closest('.mark').css('transform', 'scale(1)');
}
});
$(this).bind('blur', function(){
//$('.js-radio-input').closest('.mark').css('transform', 'scale(0)');
});
$(this).bind('focus', function(){
//$('.js-radio-input').closest('.mark').css('transform', 'scale(1)');
});
});
За появление галочки отвечает этот кусок:
$('#third_step_details label div').each(function () {
var tt = $(this).attr('id');
if(tt == indexParent) {
console.log($('label div').attr('id'));
}
if(indexParent == tt) {
console.log(tt);
console.log(indexParent);
var number = parseInt(tt);
console.log(number);
$(this).closest('.mark').css('transform', 'scale(1)');
}
});
$(this).bind('blur', function(){
//$('.js-radio-input').closest('.mark').css('transform', 'scale(0)');
});
$(this).bind('focus', function(){
//$('.js-radio-input').closest('.mark').css('transform', 'scale(1)');
});
