Javascript reset using button name

Question

I have 2 buttons on a page that I can't change code:

<button type="submit" name="next" class="button">Next</button>
<button type="submit" name="back" class="button">Previous</button>

On the back button I want to use javascript to reset the values of fields on that page by using:

document.getElementById(setV).value = "0"

I need to know how to do this on the name of a button.

I can't use getElementById or class as the name is the only thing to distinguish them. I have tried the follwing to take action but no joy:

$('[name="next"]').onclick();

is this what you want $('[name="next"]').click(function(){$(this).val()}) — Carsten Løvbo Andersen
– Carsten Løvbo Andersen, Commented Apr 17, 2018 at 10:12
You can use document.querySelectorAll('button')[1].click(). Or you nearly got it $('button[name="next"]').click();. — deEr.
– deEr., Commented Apr 17, 2018 at 10:12

Shadab · Accepted Answer · 2018-04-17 10:17:52Z

1

Why don't you use

<input type="reset" value="Reset">

answered Apr 17, 2018 at 10:17

Shadab

3673 silver badges28 bronze badges

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

Comments

Smit Raval · Accepted Answer · 2018-04-17 10:17:40Z

0

You can try this.

$(document).ready(function(){
 $(document).on("click","button[name='next']",function(){
   $("#setV").val(0);
 });
});

answered Apr 17, 2018 at 10:17

Smit Raval

3,5161 gold badge12 silver badges24 bronze badges

Comments

Nagarjun Prasad · Accepted Answer · 2018-04-17 10:21:21Z

0

You can try:

var backButton = document.querySelector("[name='back']")

to get the element with the name attribute. Then to change the value add a listener to the backButton element by:

backButton.addEventListener("click", function(){
  document.getElementById('setV').value = '0';
});

answered Apr 17, 2018 at 10:21

Nagarjun Prasad

9344 gold badges17 silver badges32 bronze badges

Comments

Karthick Manoharan · Accepted Answer · 2018-04-17 10:23:02Z

0

1. Using javascript:

var backButton = document.querySelector("[name='back']")
backButton.addEventListener('click',function(){
 document.getElementById(setV).value = "0"
 // your code
}, false);

2. Using jQuery:

$(":button[name='back']").click(function(){
  document.getElementById(setV).value = "0"
  // your code
})

edited Apr 17, 2018 at 10:23

answered Apr 17, 2018 at 10:14

Karthick Manoharan

6714 silver badges12 bronze badges

Collectives™ on Stack Overflow

Javascript reset using button name

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related