CODEWITHSUNDEEP
javascript
Spedwards
Spedwards

Reputation: 4492

Can't run function from button onClick

I'm trying to run a function from a button onClick event and for some really strange reason, it doesn't want to work.

I want to get the function to run from the button with the onClick attribute of "all()" however it doesn't work but when I changed it to an anchor with a href attribute of "javascript:all()" it worked?

Html:

<div id="content">
    <input id="heroes" type="text" class="form-control" id="tokenfield-typeahead" />
    <button id="all" onClick="all()">Select/Deselect All</button>
    <button id="random" onClick="random()">Random</button>

    <!-- Example Link to Prove Point -->
    <a href="javascript:all()">Example: Select/Deselect All</a>
</div>

jsfiddle: http://jsfiddle.net/spedwards/2T9TA/

Can anyone tell me why this isn't working? If need be, I'll make a javascript click event instead but I'd rather not.

Upvotes: 0

Views: 1447

Answers (2)

juvian
juvian

Reputation: 16068

Not sure why its not working, but I tried changing you all name function to allt and it worked:

<a onclick="allt()">Example: Select/Deselect All</a>
function allt() {
//your code
}

Upvotes: 2

Derrick
Derrick

Reputation: 336

I believe you will need a type attribute in your tag. So, try this:

<button id="all" type="button" onClick="all()">Select/Deselect All</button>

Upvotes: 0

Related Questions