Simulate a button click via JavaScript using a button's value, not its id?

Question

I want to Simulate a button click via JavaScript using a button's value, not its id.

Here is the code using the button id

<input type="checkbox" onClick="document.getElementById('theSubmitButton').click();">Check the box to simulate a button click
<br>
<input type="button" name="theSubmitButton" id="theSubmitButton" value="Button" onClick="alert('The button was clicked.');">

I've tried getElementByValue('Button') but it didn't work.

@jncraton: I misunderstood the question. Didn't see what 'no't' meant. — pimvdb
– pimvdb, Commented Aug 19, 2011 at 12:20
not sure why you want to do this, but it doesn't work for me in OS X Lion and Chrome. As in, the alert appears but the button click is not animated. — Aram Kocharyan
– Aram Kocharyan, Commented Aug 19, 2011 at 12:21

Skilldrick · Accepted Answer · 2011-08-19 12:19:49Z

4

Here's how I'd do it using jQuery:

http://jsfiddle.net/skilldrick/R27rQ/1/

$('input[type=checkbox]').click(function () {
    $('input[value=Button]').click();
});

but as Senad said, IDs are much better-suited for this type of thing.

answered Aug 19, 2011 at 12:19

Skilldrick

71.1k37 gold badges182 silver badges231 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ant_Ti · Accepted Answer · 2011-08-19 12:23:46Z

2

<script type="text/javascript">
    function getButtonByValue(value) {
        var els = document.getElementsByTagName('input');

        for (var i = 0, length = els.length; i < length; i++) {
            var el = els[i];

            if (el.type.toLowerCase() == 'button' && el.value.toLowerCase() == value.toLowerCase()) {
                return el;
                break;
            }
        }
    }
</script>    
<input type="checkbox" onClick="getButtonByValue('Button').click();">Check the box to simulate a button click
<br>
<input type="button" name="theSubmitButton" id="theSubmitButton" value="Button" onClick="alert('The button was clicked.');">

jsfiddle example

answered Aug 19, 2011 at 12:23

ant_Ti

2,42518 silver badges14 bronze badges

Comments

Aram Kocharyan · Accepted Answer · 2011-08-19 15:58:33Z

1

    function clickButton(val)
    {
    var buttons = document.getElementsByTagName('input');
      for(var i = 0; i < buttons.length; i++) 
      {
         if(buttons[i].type == 'button' && buttons[i].value == val) 
         {
              buttons[i].click();
              break; //this will exit for loop, but if you want to click every button with the value button then comment this line
         }
      }
}

this is solution...

HTML

<input type="checkbox" onClick="clickButton('Button');">Check the box to simulate a button click

But its best to find element by its ID

edited Aug 19, 2011 at 15:58

Aram Kocharyan

20.5k11 gold badges84 silver badges98 bronze badges

answered Aug 19, 2011 at 12:18

Senad Meškin

13.8k4 gold badges39 silver badges55 bronze badges

Collectives™ on Stack Overflow

Simulate a button click via JavaScript using a button's value, not its id?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related