JQuery onClick две функции, как объединить

это мой рабочий код. но не в исполнении, может ли кто-нибудь подсказать мне, как объединить оба сценария?

 $('input[value = "landed-houses"]').on('change', function() {
   if ($('input[value = "landed-houses"]:checked').length > 0){
   $("div[data-target='#collapse-res-feat']").parent('div.panel-info').show(); 
  }
 else{
   $("div[data-target='#collapse-res-feat']").parent('div.panel-info').hide(); 
  }
 });

$('input[value = "condominiums"]').on('change', function() {
   if ($('input[value = "condominiums"]:checked').length > 0){
   $("div[data-target='#collapse-res-feat']").parent('div.panel-info').show(); 
   }
 else{
   $("div[data-target='#collapse-res-feat']").parent('div.panel-info').hide(); 
  }
 });

Благодарность!

Прочтите, пожалуйста, Как спросить, непонятно, чего вы хотите и в чем проблема.

Ulrich Eckhardt 09.04.2018 07:05

вы пытаетесь show/hide тот же div, используя два флажка ?? что так?

Deepak Sharma 09.04.2018 07:29
Как конвертировать HTML в PDF с помощью jsPDF
Как конвертировать HTML в PDF с помощью jsPDF
В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.
0
2
44
1

Ответы 1

Если ваш вопрос заключается в том, как объединить одно и то же событие и дескриптор события в двух элементах, вы можете связать документ с этим событием и передать селектор в методе .on jQuery.

Поскольку вы пытаетесь связать событие change, и ваш код для обоих element совпадает с событием изменения.

if ($('input[value = "landed-houses"]:checked').length > 0){
   $("div[data-target='#collapse-res-feat']").parent('div.panel-info').show(); 
}
else{
   $("div[data-target='#collapse-res-feat']").parent('div.panel-info').hide(); 
 }

ты можешь сделать что-то вроде

$(document).on('change',
    'input[value = "condominiums"], input[value = "landed-houses"]',  -- these are your selectors
    function(){
    }
)

Другие вопросы по теме