如何组合 3 个更改事件以隐藏 div

编程问答 2022-06-01

问题描述

I am trying to hide a div when multiple different options are chosen.我有第一个按钮元素的以下内容，但我试图弄清楚如何将其扩展为需要更改的 3 个元素，以便更改单独的 div。感谢您的帮助：

$('#Choice').change(function() {
    var choice = $(this).val();
    var myDiv = $('#myDivArea');
    
    if(choice == 'Option 1'){  
      myDiv.show().blur().change();  
    } else {  
      myDiv.hide().blur().change();  
    }
});

解决方法

非常丑陋的代码，但有效:) 有4个参数，你必须阅读xor

js

eleventyConfig.addFilter("matchLocalBook",(apiBook,localBooks) => {
  return localBooks.find(element => element.fileSlug === apiBook.slug);
});

html

var choice1 = $('#a').val()
var choice2 = $('#b').val()
var choice3 = $('#c').val()

var myDiv = $('#myDivArea');
$('input').on('input',function(){ 
  if( ($('#a').val() == $('#b').val()) && ($('#b').val() == $('#c').val()) )
  {  
    myDiv.show(); 
  
  } 
  else 
  {  
    myDiv.hide();  
  }
} )
blurblurhidejavascriptjquery