Question

我在页面上有2个按钮，我无法更改代码：

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

在后退按钮上，我想使用javascript通过使用以下方式重置该页面上的字段值：

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

我需要知道如何在按钮名称上执行此操作。

我无法使用getElementById或类，因为名称是区分它们的唯一方法。我尝试过采取行动但没有快乐：

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

Answer 1

为什么不使用

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

Answer 2

<强> 1。使用javascript：

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

<强> 2。使用jQuery：

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

Answer 3

你可以试试这个。

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

Answer 4

您可以尝试：

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

获取具有name属性的元素。然后要更改值，请通过以下方法将侦听器添加到backButton元素：

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

使用按钮名称重置Javascript

4 个答案: