JavaScript:如何在onclick属性中执行if/else语句?

And*_*rew 1 javascript

尝试在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>
Run Code Online (Sandbox Code Playgroud)

...是的,我必须在onclick属性中有这个javascript(不能将它移动到一个函数).

use*_*716 5

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

if (element.value == 'something') { 
Run Code Online (Sandbox Code Playgroud)

或者如果加载了jQuery,则创建一个jQuery对象:

if ($(element).val() == 'something') { 
Run Code Online (Sandbox Code Playgroud)

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

if ($('#selector').val() == 'something') { 
Run Code Online (Sandbox Code Playgroud)