CheckBox & Radio Button Operations

Operations on Checkboxes and Radio Buttons are easy to perform and most of the times the simple IDattributes work fine for both of these. But selection and d-selection is not the only thing we want with checkboxes and radio buttons. We might like to check that if the checkbox is already checked or if the radio button is selected by default or anything. Checkboxes and Radio button deals exactly the same way and you can perform below mentioned operations on either of them.

Different Selection Method

By ‘ID’

If ID is given for the radio button/checkbox and you just want to click the radio button/checkbox Irrespective of its value, then the command will be like this:

1 2 3

WebElement radioBtn = driver.findElement(By.id("toolsqa"));   radioBtn.click();

With ‘IsSelected’

If your choice is based on the pre-selection of the Radio button/Checkbox and you just need to select the deselected radio button/checkbox. Assume there are two radio buttons/checkboxes, one is selected by default and you want to select the other one for your test. With IsSelected statement, you can get to know that the radio button or the check box is selected or not.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

// Store all the elements of same category in the list of WebLements   List  oRadioButton = driver.findElements(By.name("toolsqa"));   // Create a boolean variable which will hold the value (True/False)   boolean bValue = false;   // This statement will return True, in case of first Radio button is selected   bValue = oRadioButton.get(0).isSelected();   // This will check that if the bValue is True means if the first radio button is selected   if(bValue = true){   // This will select Second radio button, if the first radio button is selected by default   oRadioButton.get(1).click();   }else{   // If the first radio button is not selected by default, the first will be selected   oRadioButton.get(0).click();   }

Note: Name is always same for the same group of radio buttons/checkboxes but their Values are different. So if you find the checkbox/radio button element with the name attribute then it means that it may contain more than one element, hence we need to use findElements method and store it the list of WebElements.

With ‘Value’

You can even select Radio buttons/Checkboxes with their Values.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29

// Find the checkbox or radio button element by Name   List oCheckBox = driver.findElements(By.name("tool"));   // This will tell you the number of checkboxes are present   int iSize = oCheckBox.size();   // Start the loop from first checkbox to last checkboxe   for(int i=0; i < iSize ; i++ ){   // Store the checkbox name to the string variable, using 'Value' attribute   String sValue = oCheckBox.get(i).getAttribute("value");   // Select the checkbox it the value of the checkbox is same what you are looking for   if (sValue.equalsIgnoreCase("toolsqa")){   oCheckBox.get(i).click();   // This will take the execution out of for loop   break;   }   }

By ‘CssSelector’ 

A simple way of selecting a check-box or radio button is by using its value:

1 2 3

WebElement oCheckBox = driver.findElement(By.cssSelector("input[value='Tools QA']"));   oCheckBox.click();

Practice Exercise

1) Launch new Browser 2) Open “http://www.toolsqa.com/automation-practice-form/” 3) Select the deselected Radio button (female) for category Sex (Use IsSelected method) 4)  Select the Third radio button for category ‘Years of Exp’ (Use Id attribute to select Radio button) 5) Check the checkbox ‘Automation Tester’ for category ‘Profession'( Use Value attribute to match the selection) 6) Check the checkbox ‘Selenium IDE’ for category ‘Automation Tool’ (Use cssSelector)

Solution

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113

package practiceTestCases;   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 PracticeCheckBox {   private static WebDriver driver = null;   public static void main(String[] args) {   // Create a new instance of the Firefox driver           driver = new FirefoxDriver();           // Put an Implicit wait, this means that any search for elements on the page could take the time the implicit wait is set for before throwing exception           driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS);           // Launch the URL           driver.get("http://www.toolsqa.com/automation-practice-form");           // Step 3 : Select the deselected Radio button (female) for category Sex (Use IsSelected method)   // Storing all the elements under category 'Sex' in the list of WebLements   List rdBtn_Sex = driver.findElements(By.name("sex"));   // Create a boolean variable which will hold the value (True/False)   boolean bValue = false;   // This statement will return True, in case of first Radio button is selected   bValue = rdBtn_Sex.get(0).isSelected();   // This will check that if the bValue is True means if the first radio button is selected   if(bValue = true){   // This will select Second radio button, if the first radio button is selected by default   rdBtn_Sex.get(1).click();   }else{   // If the first radio button is not selected by default, the first will be selected   rdBtn_Sex.get(0).click();   }   //Step 4: Select the Third radio button for category 'Years of Exp' (Use Id attribute to select Radio button)   WebElement rdBtn_Exp = driver.findElement(By.id("exp-2"));   rdBtn_Exp.click();   // STep 5: Check the checkbox 'Automation Tester' for category 'Profession'( Use Value attribute to match the selection)   // Find the checkbox or radio button element by Name   List chkBx_Profession = driver.findElements(By.name("profession"));   // This will tell you the number of checkboxes are present   int iSize = chkBx_Profession.size();   // Start the loop from first checkbox to last checkboxe   for(int i=0; i < iSize ; i++ ){   // Store the checkbox name to the string variable, using 'Value' attribute   String sValue = chkBx_Profession.get(i).getAttribute("value");   // Select the checkbox it the value of the checkbox is same what you are looking for   if (sValue.equalsIgnoreCase("Automation Tester")){   chkBx_Profession.get(i).click();   // This will take the execution out of for loop   break;   }   }   // Step 6: Check the checkbox 'Selenium IDE' for category 'Automation Tool' (Use cssSelector)   WebElement oCheckBox = driver.findElement(By.cssSelector("input[value='Selenium IDE']"));   oCheckBox.click();   // Kill the browser   driver.close();   }   }