JavaScript: How to execute an ifelse statement in an onclick attribute? - Stack Overflow

admin管理员组

文章数量:1325713

I'm getting syntax errors while trying to add an if/else statement the onclick attribute. What is the syntax for this?

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

...and yes, I must have this javascript in the onclick attribute (can't move this to a function).

I'm getting syntax errors while trying to add an if/else statement the onclick attribute. What is the syntax for this?

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

...and yes, I must have this javascript in the onclick attribute (can't move this to a function).

• javascript

Share Improve this question Follow edited Sep 28, 2010 at 20:43 Andrew asked Sep 28, 2010 at 20:08 AndrewAndrew 239k195195 gold badges530530 silver badges718718 bronze badges 0

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

.val() is a jQuery method. You want to access the value property of the DOM element.

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

Or create a jQuery object if you have jQuery loaded:

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

If you took that approach, you could always use a jQuery selector:

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

Javascript DOM elements do not have a val() function. (Are you thinking of jQuery?)

Change .val() to .value.

---

If you are thinking of jQuery, you can write if ($('#selector').val() == 'something').

本文标签： JavaScript How to execute an ifelse statement in an onclick attributeStack Overflow