Question

这是我的工作代码。但没有表现，任何人都可以指导我如何合并这两个脚本吗？

 $('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(); 
  }
 });

谢谢！

Answer 1

如果你的问题是我们如何在两个元素上合并相同的事件和事件句柄，你可以在该事件上绑定文档并在jQuery的.on方法中传递选择器。

当您尝试绑定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(){
    }
)

jQuery onClick两个函数如何合并

1 个答案: