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而不是名称，好像多个控件具有相同的名称属性和值，那么将会调用所有这些控件click事件。

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/>

你应该知道：

字符>应为实体编码>
当属性不使用引号（"或'）来分隔其值时，直到第一个空格或>的所有字符都被解释为值。在您的情况下，这意味着name=BTN_CHOICE5/>会转换为name="BTN_CJOICE5/">。

如果单击按钮的操作意味着提交<form>，您应该知道.click()之类的合成事件不会触发默认操作。我可以建议使用submitting表单吗？

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

Answer 4

像拉克什说的那样， $('#btnId').click(); 有效。

不过，简单模式是右键单击浏览器中的元素，单击检查（或在元素选择器中找到它，然后选择它），然后在选定的元素上触发事件：

$0.click();

JavaScript从Chrome控制台按名称单击按钮

4 个答案: