JavaScript 크롬 콘솔에서 이름으로 버튼 클릭

Question

Chrome 콘솔을 사용하여 웹 페이지에서 프로그래밍 방식으로 버튼을 클릭하려고합니다.

는 버튼 (업데이트) 코드는 다음과 같습니다

이 value= '>'이 페이지에 몇 가지 더 버튼입니다, 그래서 내가 그 이름을 사용하여 클릭해야 할 것 같아요

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

. 나는 document.querySelector('input[name="BTN_CHOICE4"]').click();을 시도했지만 제대로 작동하지 않았습니다. JS를 사용하여이 버튼을 어떻게 클릭합니까? 당신이 ID가있는 경우

Answer 1

는

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

사용할 수있는 속성 또는 이름으로 가고 싶은 경우에, 당신은

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

을 사용할 수 있습니다하지만 당신은에 의해 ID로 사용하지 않을 경우 그것은 좋은 것입니다 같은 이름 속성과 값을 가진 여러 컨트롤이있는 것처럼 이름을 지정하면 모든 컨트롤 클릭 이벤트가 호출됩니다. 당신이 알고 있어야

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

:

Answer 2

다음과 같은 HTML 관련이

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

을 사용할 수 있습니다

1. 문자 > 엔티티는
2. 속성이 값을 구분하는 따옴표 (" 또는 ')를 사용하지 않는 > 인코딩해야합니다 첫 번째 공간이나 > 때까지 모든 문자는 값으로 해석됩니다. 귀하의 경우 이것은 name=BTN_CHOICE5/>이 name="BTN_CJOICE5/">으로 변환됨을 의미합니다.

---

버튼을 클릭의 행사가 <form>를 제출하기위한 것입니다 경우 .click() 같은 합성 이벤트가 기본 동작을 트리거하지 않는 것을 알아야한다. 대신 submitting 양식을 제안 해 주시겠습니까?

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