メニュー

例を使用してSeleniumのチェックボックスを選択する方法

  • メイン
  • その他
  • 例を使用してSeleniumのチェックボックスを選択する方法

how select check box selenium with examples

問題を排除するために楽器を試してください

このチュートリアルでは、Seleniumでチェックボックスを選択するさまざまな方法を例を挙げて説明します。また、HTMLで複数のチェックボックスとチェックボックスを選択する方法も学習します。

以前のチュートリアルの1つで、Seleniumでラジオボタンがどのように処理されるかを確認しました。それでは、Seleniumのチェックボックスの機能を見てみましょう。

チェックボックスは、提供された質問への回答の結果として、1つまたは複数のオプションを選択するために使用されるWeb要素です。

チェックボックスはオンまたはオフにできます（オンまたはオフになります）。チェックされたチェックボックスは、チェックマークが付いているものとして表示されます。チェックされていないものは、チェックされていないものです。

=> ここで簡単なSeleniumトレーニングシリーズに注意してください。

Seleniumでのチェックボックスの処理

下の画像はチェックボックスを明確に示しています。最初の2つはチェックされており、最後の2つはチェックされていません。

ティック

このチェックボックスは、選択ボックスまたはチェックボックスとも呼ばれます。チェックボックスをクリックするとチェックマークが表示される小さなボックス。もう一度クリックすると、チェックマークが消え、チェックボックスがオフになります。

このチュートリアルでは、Seleniumでのチェックボックスの処理について説明します。

学習内容：

キーボードを使用してチェックボックスを選択する

作業中のWebサイト、または選択するチェックボックスがあるWebサイトを開きます。

を押します タブ 選択するチェックボックスが強調表示されるまでボタンを押します。目的のチェックボックスが強調表示されたら、つまりカーソルがチェックボックスに到達したら、 スペースキー ボタンを押して、チェックボックスをオンまたはオフにします。

チェックボックスのあるWebサイトにアクセスして、選択して試してください。

キーボードを使用してチェックボックスをオンにします

HTMLのチェックボックス

まず、HTMLページでのチェックボックスの使用について理解しましょう。 HTMLでは、チェックボックスを使用して、提供されているオプションのリストから1つ以上のオプションを選択します。

HTMLで作成されたチェックボックスを理解するには、以下の例を参照してください。

Check Boxes html page

Choose the subjects included in your syllabus

Computer Fundamentals
Electrical
Physics
Chemistry
None

どこ、

  • タイプ ：入力タグ タイプ 属性。チェックボックスの場合は「チェックボックス」になります。
  • 名前 ：それは 名前 入力要素の。
  • 値 ：それは実際です 値 そのチェックボックスに対応します。

上記に加えて、いくつかのポイントを以下に示します。

  1. HTMLページの名前は「チェックボックスhtmlページ」です。
  2. 「シラバスに含まれる科目を選択してください」というタイトルが付いています。
  3. 5つのチェックボックスが用意されています：コンピュータの基礎、電気、物理学、化学、なし。

以下の画像は、作成されたHTMLページの明確なアイデアを示しています。

HTMLのチェックボックス

Seleniumでチェックボックスを処理するためのコードの実装

Seleniumを使用したチェックボックスの処理を見てみましょう。このコードを使用すると、Seleniumを使用してチェックボックスの操作がどのように実行されるかを理解できます。

Selenium for Checkboxにコードを実装するために、これを使用しました リンク 、および同じスクリーンショットは以下のとおりです。

単一および複数のチェックボックスのデモ

Seleniumを使用してCheckBoxを処理するための実装コード：

package SeleniumPrograms; import org.openqa.selenium.By; import org.openqa.selenium.WebDriver; import org.openqa.selenium.WebElement; import org.openqa.selenium.firefox.FirefoxDriver; public class CheckBox1 { public static void main(String() args) { WebDriver driver = new FirefoxDriver(); dr.manage().window().maximize(); dr.get('https://www.seleniumeasy.com/test/'); WebElement input = dr.findElement(By.className('dropdown-toggle')); input.click(); WebElement checkbox = dr.findElement(By.linkText('Checkbox Demo')); checkbox.click(); System.out.println('Check Box..'); WebElement check1 = dr.findElement(By.xpath('//input(@id='isAgeSelected')')); check1.click(); System.out.println('Clicked Check Box..'); WebElement checkall = dr.findElement(By.xpath('//input(@id='check1')')); checkall.click(); System.out.println('Checked all Boxes..'); } }

したがって、上記のコードを実装すると、受信した出力は次の図のようになります。

seleniumeasy

最初に、チェックボックスが1つだけチェックされ、その後、「クリックされたチェックボックス」としてメッセージが受信されます。次に、複数のチェックボックスについて、1つ、2つ、3つ、またはすべてのチェックボックスを同時にチェックするオプションがあります。 「すべてチェック」を選択すると、すべてのチェックボックスが同時にチェックされます。

code_console

Seleniumで複数のチェックボックスを選択する

複数のオプションと複数のチェックボックスが同じものに提供されている場合、コードの実行時にすべてのチェックボックスがチェックされるようにコーディングできます。それでは、複数のチェックボックスを処理するためのコードを見てみましょう。

複数のチェックボックスを処理するためのコードを実装するためのHTMLページを作成しました。以下は、そのスクリーンショットです。

複数のチェックボックス

package Practice; import java.util.List; import java.util.concurrent.TimeUnit; import org.openqa.selenium.By; import org.openqa.selenium.WebDriver; import org.openqa.selenium.WebElement; import org.openqa.selenium.firefox.FirefoxDriver; public class checkbox_multi { public static void main(String() args) { WebDriver driver = new FirefoxDriver(); driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS); driver.manage().window().maximize(); driver.get('E:\Selenium class\Programs\Sonali\bin\project1\check.html'); List AllCheckBoxes = driver.findElements(By.xpath('//input(@type='checkbox')')); System.out.println('Number of Check boxes : '+ Integer.toString(AllCheckBoxes.size())); for(WebElement cb:AllCheckBoxes) { cb.click(); } System.out.println('All check boxes have been checked'); } }

したがって、複数のチェックボックスを処理できます。これは単なる例であり、複数のチェックボックスが複数のオプションとともに存在する他のWebサイトで試すことができます。

以下に示すのは、Seleniumでの複数のチェックボックスの上記の実装のスクリーンショットです。

複数のcheckedall

output2

したがって、Seleniumを使用して複数のチェックボックスを処理できます。

Seleniumでチェックボックスを選択する方法

Seleniumには、Webページのチェックボックス要素を選択するためのさまざまな方法があります。

さまざまな方法は次のとおりです。

  1. ID属性別
  2. Is Selected（）を使用する
  3. 名前の使用
  4. 要素値の使用
  5. CSSセレクターによる
  6. XPathを使用

チェックボックスとラジオボタンは同様に処理され、上記のすべての選択方法を両方に使用できます。

各選択方法の例を理解するために、以下の画像を検討してください。

unchecked_seleniumeasy

＃1）ID属性の使用

この場合、使用する必要があるのは ID属性 、その値が何であれ。 ID属性は、Seleniumで目的のチェックボックスを選択するために使用されます。 ID属性は、要素ごとに異なります。

例えば：

WebElement check = driver.findElement(By.id(“isAgeSelected')); check.click();

したがって、チェックボックスの選択にSeleniumのID属性を利用できます。

以下の画像は、上記のオプションのid属性を示しています。

ID属性

＃2）Is Selected（）の使用

Is Selected（）を使用すると、ユーザーは特定のチェックボックスが チェックモードかどうか 。簡単に言うと、チェックボックスの選択が確認されます。

例えば：

List check = driver.findElements(By.className('cb1-element')); //Same group of check boxes will have same 'Names'/Class names, //hence we need to use findElements method and store the list of WebElements. boolean bval = false; // Create a variable which will have boolean value True/False bval = check1.get(0).isSelected(); // Will return True if box is selected. if(bval = true) { check1.get(1).click(); // If the first check box is selected by default, this will select Second check box } else { check1.get(0).click(); // If the first check box is not selected by default, the first will be selected }

＃3）クラス名の使用

名前またはクラス名を使用してチェックボックスを選択するには、次の1つの重要なポイントを理解する必要があります。

同じグループのチェックボックスの場合、 名前/クラス名 常に同じですが、 値 異なっています。したがって、name属性を持つ要素が見つかった場合、その要素には複数の要素が含まれている可能性があるため、を格納する必要があります。 リスト の WebElements を利用します findElements 方法。

List check = driver.findElements(By.classN ame ('cb1-element'));

これは、IsSelected（）の前の例でも使用されました。

＃4）要素値の使用

チェックボックスは、値を使用して選択することもできます。

各ボックスには 独自の価値 。チェックボックスを選択するための値の使用は、以下のようになります。

// Selecting the check boxes by class name List checkbox = driver.findElements(By. className('cb1-element')); int Size = checkbox.size(); // Finding the number of check boxes for(int i=0; i

＃5）CSSセレクターによる

チェックボックス要素を選択する別の方法は、 その値を使用するCSSセレクター 。

例：

WebElement cbox = driver.findElement(By.cssSelector('input(value='isAgeSelected')')); cbox.click();

＃6）XPATHの使用

を使用してチェックボックス要素を選択する XPATH は、Seleniumでチェックボックス要素を選択する方法の1つであり、選択したい要素を正確に選択するのに役立ちます。

XPATHを使用してチェックボックスを選択するには、以下の例を参照してください。

WebElement check_box = d.findElement(By.xpath('//input(@id='isAgeSelected') ')); check_box.click();

チェックボックスが一般的に使用される例/アプリケーション

＃1）好きなスポーツ

下の画像のチェックリストには、さまざまなスポーツ活動が含まれています。そこから1つ以上のオプションを選択できます。チェックボックスが強調表示されているように見えます。

スポーツ

＃2）同意を確認するためのチェックボックスの使用

チェックボックスは確認のために提供されています。ユーザーがこのチェックボックスをオンにすると、システムはユーザーが同意に同意したと見なし、さらに続行します。

同意する

youtube-i-agree-terms-service-privacy-policy

＃3）言語の選択

言語の選択には、チェックボックスを使用できます。これにより、ユーザーは1つ以上のオプションを選択できます。

言語選択

(画像 ソース )

＃4）チェックボックスを使用して設定を調整する

以下の画像は、さまざまな設定のチェックボックスの選択を示しています。ユーザーの選択に応じて、オプションを選択できます。

チェックボックスを使用して設定を調整する

(画像 ソース )

＃5）お好みのフィットネスプログラムの選択

さまざまなフィットネスプログラムオプションが提供されており、ユーザーは自分で選択したものを選択する必要があります。

お好みのフィットネスプログラムの選択

(画像 ソース )

＃6）色を選ぶ

色を選択するためのチェックボックスも用意されています。

色を選択

アニメをオンラインで無料で見る場所

チェックボックスが使用されるそのような例は数多くあります。

さらにいくつか言及するには：

  1. 件名を選択してください： 数学、英語、物理学、化学、すべて。
  2. 休憩時間を選択します。 午前9時、午後12時、午後3時、午後6時、なし。
  3. あなたが持っている車： 自転車、車、両方、なし。
  4. テストスキル： 手動、自動化、両方、なし。
  5. 使用した金属： ゴールド、シルバー、プラチナ、ミックス。
  6. 製品が入手可能な国： ベルギー、コロンビア、フランス、ドイツ。
  7. 趣味を選択してください： 絵画、アートワーク、歌、ダンス、ガーデニング。
  8. 野菜リスト： トウガラシ、カリフラワー、キャベツ、ジャガイモ、トマト。
  9. 果物のチェックリスト： パイナップル、リンゴ、スイカ、オレンジ、マンゴー。
  10. 家で使われている携帯電話： I Phone、One Plus、Nokia、Samsung、Blackberry、その他。

チェックボックスの状態

チェックボックスには3つの主要な状態があります。

スリーステート

＃1）チェック済み ：チェックボックスが選択されている状態は チェック状態 。ここでは、チェックマークが付いたボックスが表示されます。

＃2）チェックを外す ：チェックマークが付いていないボックス、または選択したボックスをもう一度クリックすると、ボックスは 未チェックの状態 。

＃3）中級 ：ボックスがチェックされていない状態でもチェックされていない状態でもない場合、そのボックスは中間状態であることがわかります。この状態では、ユーザーはボックスをクリックするかどうかを選択できます。

上の画像は、これらの状態を理解するのに役立ちます。

チェックボックス_three_state_intermediate

上の画像は、チェックボックスのさまざまな状態を説明するもう1つの例です。

  • チェック状態： 機能XYZを有効にする
  • 未チェックの状態： 機能ABCを有効にし、機能WWWを有効にします
  • 中間状態： 全て可能にする。

したがって、チェックボックスのチェック状態、チェックなし状態、および中間状態は、上記で説明したとおりです。

結論

Seleniumを使用したチェックボックスの処理について詳しく見てきました。したがって、チェックボックスを使用すると、ユーザーは複数のオプションを選択できます。ユーザーが同時に複数のオプションを選択できるようにするチェックボックスの多くの使用法を見てきました。

チェックボックス要素を選択する方法を検討し、Seleniumを使用した複数のチェックボックスの処理を理解しました。

幸せな読書！！

=> Seleniumを最初から学ぶには、ここにアクセスしてください。

推奨読書

^