2017-10-03 14 views
1

JSにはまったく新しく、作業用Webサイト上の退屈な作業を自動化するために自動化を設定しようとしています。 JSを使用して2番目のラジオボタンを選択しようとしています。以下の人はこのトリックをするだろうが、失敗しているようだ。ラジオボタンマウスをトリガーする方法JavaScriptを使用してクリックしてください

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

ラジオボタンのNAMEとIDが同じであることを示すウェブ検査スクリーンショットが添付されています。 TEXTボタンをトリガーしたいです(HTMLはデフォルトでチェックされています)。

誰かが私を正しい方向に向けるかもしれません。

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

+0

こちらの回答はこちらです。 https://stackoverflow.com/questions/15839169/how-to-get-value-of-selected-radio-button – user12345

+1

IDを一意にします。とても簡単なことが失敗する理由はありません。 [JSFiddle](https://jsfiddle.net/hescano/vuqh5a15/) - 補足として、コードが_page load_で実行されていることを確認するか、ページの下部に配置してください( ' 'タグ)。 –

答えて

0

あなたは、おそらくそうのようなあなたのイベントリスナーを追加したい:それはだときに我々はここでやっていること

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

は、我々はラジオボタンに「変更」イベントリスナを追加したことですこのコールバックを落としてしまいます。

0

2番目のボタンでは、onclick="alert('text')"を試してください。javascriptプレフィックスは必要ありません。また、あなたのonclickの機能に二重引用符にまで倍増されています

onclick="alert("text")"あなたはシングルとダブルの両方の引用符を使用することによって、これを回避することができonclick="alert("

として読まれます:オン

onclick="alert('text')" 

あなたが選択しようとしている要素を正確に把握できるように、要素IDは要素ごとに一意でなければなりません。

0

JavaScriptで書かれたフレームワークであるjQueryの使用を検討してください。このフレームワークを使用すると、これらの種類の操作を短時間で簡単に行うことができます。

また、イベントトリガー(およびすべてのJSコード)を本体のHTMLとは別にしているので、(簡単に)本当にきれいなコードを書くことができます。 https://www.w3schools.com/jquery/ https://jquery.com/

+0

みんなに感謝します。私の問題は、私はウェブサイト(第三者)のコードを管理することができず、開発者はボタンIDをユニークにしなかったことです。 – BusDriverBrian

+0

私の目標は、「テキスト」ボタンを適切にクリックすることを管理する「Javascriptを行う」アクションを実行する方法を理解することです。本質的に、ボタンの舐めを自動化します。 – BusDriverBrian

関連する問題