accessing the values of 2 submit button with the same name using javascript

Question

I have two submit buttons with the same name but submitting different values in my html form, how can know which submit button was pressed when any one of them is pressed using javascript...? like,

<input type="submit" name="button1" value="1" />
<input type="submit" name="button1" value="2" />

In your click event handler use this.value and see if it's 1 or 2 — Clive
– Clive, Commented Oct 20, 2011 at 16:01

spekdrum · Accepted Answer · 2011-10-20 16:22:25Z

1

If you dont want to use jquery you just can try using onclick event:

<input type="submit" name="button1" value="1" onclick="showValue(this)"/>
<input type="submit" name="button1" value="2" onclick="showValue(this)"/>

Then in javascript:

function showValue(obj) {
   alert(obj.value);
}

answered Oct 20, 2011 at 16:22

spekdrum

1,7773 gold badges13 silver badges17 bronze badges

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

Comments

paulmorriss · Accepted Answer · 2011-10-20 16:19:28Z

1

Give them different ids and check for the id with

 this.id;

edited Oct 20, 2011 at 16:19

answered Oct 20, 2011 at 16:08

paulmorriss

2,62327 silver badges31 bronze badges

1 Comment

Kishan Over a year ago

Could you please tell how can i check for the id of the clicked button..?

spekdrum · Accepted Answer · 2011-10-20 16:08:21Z

0

In jQuery this could be like this:

First set the same class for both buttons:

<input type="submit" name="button1" value="1" class="myclass"/>
<input type="submit" name="button1" value="2" class="myclass"/>

Then in javascript:

$("input .myclass").click(function() {
   var value = $(this).val();
});

answered Oct 20, 2011 at 16:08

spekdrum

1,7773 gold badges13 silver badges17 bronze badges

1 Comment

Kishan Over a year ago

the code you have given is jQuery, can you give a javascript code for the same?

Sergio Abreu · Accepted Answer · 2013-06-30 01:41:07Z

0

One not very elegant solution - but still one possibility - is to use a hidden and two or any quantity of button-type inputs.

configure onclick to set the hidden and then submit the form.

<form id="f1">
   <input type="button" onclick="setAndSubmit(1)" value="send 1" /> 
   <input type="button" onclick="setAndSubmit(2)" value="send 2" /> 
   <input type="hidden" name="fakebutton" id="fakebutton"/>
</form>

<script type="text/javascript">
    function setAndSubmit(n){
       $('#fakebutton').val(n);
       $('#f1').submit();
    }
}

answered Jun 30, 2013 at 1:41

Sergio Abreu

2,98927 silver badges22 bronze badges

Collectives™ on Stack Overflow

accessing the values of 2 submit button with the same name using javascript

4 Answers 4

Comments

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related