Как я могу использовать javascript для «щелчка» кнопки, у которой нет идентификатора или имени?

Question

здесь соответствующий код

<div class="call-to-action call-to-action-g1"> 

<input type="submit" value="Siguiente paso" class="submit"> 

Я не могу изменить этот HTML-код. Так что все, что у меня есть, это только. На этой странице также имеет много кнопок отправки так getelementbyqueryall не будет работать

Answer 1

Jquery Решение

$('input[value="Siguiente paso"]').trigger('click'); 

Javascript Решение

document.querySelectorAll('input[value="Siguiente paso"]').click(); 

старых браузеров

function getInputsByValue(value) 
{ 
    var allInputs = document.getElementsByTagName("input"); 
    var results = []; 
    for(var x=0;x<allInputs.length;x++) 
     if(allInputs[x].value == value) 
      results.push(allInputs[x]); 
    return results; 
} 

Answer 2

Вы можете сделать это:

$("div.call-to-action.call-to-action-g1 > input[type='submit'].submit[value='Siguiente paso']").on('click',function(){...});

(это специфическая я мог бы найти в соответствии с вашим кодом)

Answer 3

Единственный способ я знаю, не зная индекс элемента, будет использовать getElementsByClassName, а затем цикл через них все сравнивая значение. Если у вас есть две кнопки с одинаковым значением, достаточно уверен, что у вас нет опций.

Answer 4

Вы пробовали использовать класс:

$('.submit').click(); 

или

$('.submit').trigger("click"); 

Answer 5

Почему бы не использовать элементы контейнера, чтобы уменьшить область поиска

$('.call-to-action-g1 input.submit').... 

, если у вас есть несколько подать в контейнере, затем используйте селектор атрибутов вместе с value в качестве показа п по @Royi

Answer 6

fiddle Demo

$('input.submit').filter(function() { 
    return $.trim(this.value) == 'Siguiente paso'; 
}).click(function() { 
    alert('hi'); 
}); 

---

нажать

$('input.submit').filter(function() { 
    return $.trim(this.value) == 'Siguiente paso'; 
}).click(); 

Answer 7

Обратитесь к этому fiddle Вы все еще можете захватить событие, используя тип !!

$('input').on("click",function(){ 
// your code here 
}); 

если вы хотите уточнить его еще больше, то вы можете получить значение щелкнули элемент с помощью this.value и ваш код там

$('input').on("click",function(){ 
alert("Button clicked"); 
    if(this.value=="Siguiente paso"){ 
    alert("Siguiente paso clicked"); 
    } 
}); 

Answer 8

Есть много селекторов в JQuery, а не только по идентификатору или имя. Как это:

$('.submit').click(); 

также вы можете увидеть больше о JQuery селектор: http://api.jquery.com/category/selectors/

Answer 9

Попробуйте это чисто Javascript решение:

document.querySelector(".call-to-action .submit").onclick = function() { 
    alert('bla bla'); 
}