JavaScript：如何在onclick属性中执行if / else语句？

Question

尝试在onclick属性中添加if / else语句时出现语法错误。这是什么语法？

<div onclick="var element = $('#selector'); if (element.val() == 'something') { alert('hello'); } else { alert('goodbye'); } ">
    Click here 
    <input type="hidden" id="selector" value="something" />
</div>

...是的，我必须在onclick属性中使用此javascript（无法将其移动到函数中）。

Answer 1

.val()是一个jQuery方法。您想要访问DOM元素的value属性。

if (element.value == 'something') { 

如果加载了jQuery，则创建一个jQuery对象：

if ($(element).val() == 'something') { 

如果你采用这种方法，你总是可以使用jQuery选择器：

if ($('#selector').val() == 'something') { 

Answer 2

Javascript DOM元素没有val()函数。 （你在想jQuery吗？）

Change .val() to .value

---

如果您正在考虑使用jQuery，可以编写if ($('#selector').val() == 'something')。