js-多个if语句,如果不满足条件,则以下if语句未检查

时间:2020-02-27 14:43:18

标签: javascript if-statement

我有以下if语句,但是如果不满足第一个条件,则以下if语句未选中。我需要全部检查。

document.addEventListener('DOMContentLoaded', function() {
   if(document.getElementById('firstname').value = "unsolicited"){document.getElementById('firstname').value = "";}
   if(document.getElementById('mobile').value = "unsolicited"){document.getElementById('mobile').value = "";}
   if(document.getElementById('email').value = "unsolicited@gmail.com"){document.getElementById('email').value = "";}
}, false);

非常感谢!

1 个答案:

答案 0 :(得分:3)

实际上,您分配了要检查的值。

您可以将所需的id与不需要的值一起存储在数组中,并进行迭代,并用空字符串替换该值。

document.addEventListener('DOMContentLoaded', function() {
    [['firstname', 'unsolicited'], ['mobile', 'unsolicited'], ['email', 'unsolicited@gmail.com']]
        .forEach(([id, value]) => {
            const element = document.getElementById(id);
            if (!element) return;
            if (element.value === value) element.value = '';
        });
}, false);
<input placeholder="first name" id="firstname" name="form[firstname]" type="text" value="unsolicited">
<input placeholder="mobile" id="mobile" name="form[mobile]" type="text" value="unsolicited">
<input placeholder="email" id="email" name="form[email]" type="text" value="unsolicited@gmail.com">