라디오 버튼 마우스를 방아쇠를 당기는 방법 JavaScript를 사용하여 클릭하십시오.

Question

JS에 처음 접했고 작업 웹 사이트에서 지루한 작업을 처리 할 수 ​​있도록 자동화 도구를 설정하려고합니다. JS를 사용하여 두 번째 라디오 버튼 (2 개)을 선택하려고 시도하면서 많은 시간을 보냈습니다. 다음과 같은 트릭을 하겠지만, 실패한 것 같습니다.

document.getElementById('your_button').click(); 

라디오 버튼의 이름과 ID가 동일한 웹 검사 스크린 샷이 첨부되어 있습니다. TEXT 버튼을 트리거하고 싶습니다 (HTML은 기본적으로 선택되어 있음).

누군가가 올바른 방향으로 나를 가리킬 수 있다면 분명 감사 할 것입니다. 이 때,

var yourButton = document.getElementById('your_button'); 
    yourButton.addEventListener("change", function() { 
    // What you want to happen when event is fired 
    }); 

은 우리가 여기서하고있는 것은 우리가 라디오 버튼에 "변경"이벤트 리스너를 추가한다는 것입니다 :

https://i.stack.imgur.com/G4OOi.png

Answer 1

당신은 아마 지금처럼 이벤트 리스너를 추가 할 이 콜백을 해고하겠다고 해고했다.

Answer 2

두 번째 버튼에서 onclick="alert('text')"을 시도해보십시오. 자바 스크립트 접두어는 필요하지 않습니다. 또한, 당신이 당신의 onclick 함수에서 따옴표에 배로됩니다

onclick="alert("text")"이 onclick="alert("

과 같이 될 것이다 당신은 단일 및 이중 모두 따옴표를 사용하여이 문제를 피할 수 있습니다 : A의

onclick="alert('text')" 

요소 메모는 각 요소에 대해 고유해야하므로 사용자 (및 자바 스크립트)는 선택하려는 요소를 정확히 알 수 있습니다.

Answer 3

JavaScript로 작성된 프레임 워크 인 jQuery를 사용하면 이러한 종류의 작업을 쉽고 간단한 코드로 수행 할 수있는 바로 가기가 제공됩니다.

또한 이벤트 트리 거 (및 모든 JS 코드)가 본체 HTML과 분리되어 있기 때문에 (쉽게) 정말 깔끔한 코드를 작성할 수 있습니다. https://www.w3schools.com/jquery/ https://jquery.com/