JavaScript click a button by name from chrome console

Question

I\'m trying to click programmatically a button from a web page using chrome console.

(UPDATED)The code of the button looks like this :

<         


        

Answer 1

regarding the following HTML:

<input type=submit value='>' name=BTN_CHOICE5/>

you should be aware of:

1. the character > should be entity encoded >
2. when an attribute doesn't use quotes (" or ') to delimit its value, all characters until the first space or > are interpreted as the value. In your case this means that name=BTN_CHOICE5/> translates to name="BTN_CJOICE5/">.

---

If the exercise of clicking the button is meant to submit the <form>, you should know that synthetic events like .click() do not trigger default actions. May I suggest submitting the form instead?

document.querySelector('form').submit()

Answer 2

You can use this

document.getElementsByName("BTN_CHOICE5")[0].click()

<FORM METHOD=GET ACTION="/xxx/yyy/kkk.jsp" >
    <INPUT type="hidden" name="page" value="721"/>
    <INPUT type="hidden" name="reqType" value="ReprintO"/>
    <INPUT type="hidden" name="title" value="Reprint Label"/>
    <INPUT type="hidden" name="system" value="reprint"/>
    <td align=right width=25%><input type=submit value='>' name=BTN_CHOICE5 onclick="alert('test')"/></td>
    <td>&nbsp;&nbsp;Reprint Label</td>
</FORM>

Answer 3

If you have ID attribute you can use

$('#btnId').click();

Or If you want to go by name, you can use

$('[name="someName"]').click();

But it would be good if you use by Id not by name as if multiple controls have same name attribute and value, then all those controls click event will be invoked.

Answer 4

Like Rakesh said, $('#btnId').click(); works.

Easy mode, though, is to right click the element in the browser, click inspect (or find it in the elements selector, then select it), then simply fire the event on the selected element:

$0.click();