JavaScript 從 chrome 控制台按名稱單擊按鈕

Question

我正在嘗試使用 Chrome 控制台以編程方式單擊網頁中的按鈕。

（更新）按鈕的代碼如下所示：

<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/>
    <td>&nbsp;&nbsp;Reprint Label
</form>

頁面上還有幾個按鈕具有value= '>' ，所以我想我需要使用名稱單擊它。 我試過document.querySelector('input[name="BTN_CHOICE4"]').click(); 它沒有用。 如何使用 JS 單擊此按鈕？

Answer 1

如果您有 ID 屬性，則可以使用

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

或者如果你想按名字去，你可以使用

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

但是，如果您按 Id 而不是按名稱使用，就好像多個控件具有相同的名稱屬性和值一樣，那么所有這些控件的單擊事件都將被調用。

Answer 2

你可以用這個

 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

關於以下 HTML：

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

你應該知道：

1. 字符>應該是實體編碼的>
2. 當屬性不使用引號（ "或' ）分隔其值時，第一個空格或>之前的所有字符都被解釋為值。在您的情況下，這意味着name=BTN_CHOICE5/>轉換為name="BTN_CJOICE5/"> 。

---

如果點擊按鈕的練習是為了提交<form> ，你應該知道像.click()這樣的合成事件不會觸發默認操作。 我可以建議提交表格嗎？

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

Answer 4

就像 Rakesh 所說的， $('#btnId').click(); 作品。

然而，簡單模式是在瀏覽器中右鍵單擊元素，單擊檢查（或在元素選擇器中找到它，然后選擇它），然后簡單地在所選元素上觸發事件：

$0.click();