如何使用If语句在Javascript中为不同的id使用相同的函数
我必须使用相同的函数在IDs上基于onClick事件打开不同的Modals。我使用If条件来检查,但它总是以第一个条件为真。请帮忙如何使用If语句在Javascript中为不同的id使用相同的函数,javascript,if-statement,Javascript,If Statement,我必须使用相同的函数在IDs上基于onClick事件打开不同的Modals。我使用If条件来检查,但它总是以第一个条件为真。请帮忙 //html <div id="Remote-Parking" class="element parking" onclick="modalFunction()">Remote-Parking</div> <div id="Emergency-Braking" class="element collision-detection" on
//html
<div id="Remote-Parking" class="element parking" onclick="modalFunction()">Remote-Parking</div>
<div id="Emergency-Braking" class="element collision-detection" onclick="modalFunction()">Emergency-Braking</div>
//javascript
function modalFunction() {
if (document.getElementById('Emergency-Braking').onclick) {
document.getElementById('Popup-Emergency-Braking').style.display="block";
}
if (document.getElementById('Remote-Parking').onclick) {
document.getElementById('Popup-Remote-Parking').style.display="block";
}
}
//html
远程停车
紧急制动
//javascript
函数modalFunction(){
if(document.getElementById('Emergency-Braking').onclick){
document.getElementById('Popup-Emergency-Braking').style.display=“block”;
}
if(document.getElementById('Remote-Parking').onclick){
document.getElementById('Popup-Remote-Parking').style.display=“block”;
}
}
您可以使用this
关键字作为函数调用中的参数,并在函数内部对其进行操作
功能模块功能(e){
如果(如getAttribute(“id”)=“紧急制动”)
控制台日志(“紧急制动”);
如果(如getAttribute(“id”)=“远程停车”)
控制台日志(“远程停车”);
}
远程停车
紧急制动
您可以执行类似的操作:
功能模块功能(val){
如果(val==“停车”){
控制台日志(“公园”);
}否则,如果(val==“制动”){
控制台日志(“制动器”);
}
}
公园
brake
您必须将id作为参数传递给函数
onclick="modalFunction('Remote-Parking')"
现在通过其参数获取值
function modalFunction(val)
然后检查if/else条件中的值
if (val === 'Emergency-Braking')
//javascript
功能模态功能(val){
如果(val===‘紧急制动’){
//document.getElementById('Popup-Emergency-Braking').style.display=“block”;
控制台日志(“紧急制动”)
}否则如果(val===‘远程停车’){
//document.getElementById('Popup-Remote-Parking').style.display=“block”;
控制台日志(“弹出式远程停车”)
}
}
//html
远程停车
紧急制动
按照您提问的方式,我的回答如下。希望对你有帮助
远程停车
紧急制动
功能模块功能(id){
如果(id=‘远程停车’){
//document.getElementById('Popup-Emergency-Braking').style.display=“block”;
console.log('IF');
}否则,如果(id=‘紧急制动’){
//document.getElementById('Popup-Remote-Parking').style.display=“block”;
console.log('ELSE');
}否则{
//以防我找不到
//做点什么;
}
}