Selenium Webdriver: Click on radio button not working

Question

I have a code which clicks on a radio button, at first I was using Chrome. Using the code below:

driver.findElement(By.id("radioButton1"))).click();

I got the error:

"org.openqa.selenium.WebDriverException: Element is not clickable at point (411, 675). Other element would receive the click: ..."

Doing research, I changed the code to:

actions.moveToElement(driver.findElement(By.id("radioButton1"))).click().perform();

Now, I am trying to use Internet Explorer driver. But it does not perform the click.

I tried the following:

driver.findElement(By.id("radioButton1")).sendKeys(Keys.ENTER);

actions.moveToElement(driver.findElement(By.id("radioButton1"))).click().perform();

((JavascriptExecutor) driver).executeScript("arguments[0].click()", driver.findElement(By.id("radioButton1")));

But none works. The first one just focuses on the button, so I added another sendKeys, but it doesn't work. The 2nd and 3rd, nothing happens.

Edit:

Adding HTML snippet.

<input name="btn1" class="w-rdo-native" id="radioButton1" type="radio" value="value1" bh="RDOINP" isrefresh="false">
<label class="w-rdo w-rdo-dsize" bh="RDO"></label>

And when I click on the radio button, the label gets an additional property upon click.

<label class="w-rdo w-rdo-dsize" bh="RDO" AWMouseDown="true"></label>

Additional edit:

The set of buttons look like this:

and as stated before, one button + label block has the following HTML structure:

<tr>
   <td>
      <div class="w-rdo-container">
          <input name="radioButtons" class="w-rdo-native" id="button1" type="radio" value="button1" bh="RDOINP" isrefresh="false">
          <label class="w-rdo w-rdo-dsize" bh="RDO">
          </label>
      </div>
  </td>
  <td class="sectionHead">Option 2
  </td>
</tr>

Upon clicking a button, the corresponding label gets an additional attribute:

<label class="w-rdo w-rdo-dsize" bh="RDO" AWMouseDown="true"></label>

It seems AWMouseDown seems to be the trigger to 'officially' click the button.

Edit :

Full HTML snippet of table. (Please note that this table has been cleansed so apologies for some mistake if I committed one.)

<table border="0" cellpadding="0" cellspacing="0" class="a-cptp-tbl">
    <tbody>
        <tr>
            <td>
                <div class="w-rdo-container">
                    <input checked class="w-rdo-native" id="btn1" name="radioBtn" type="radio" value="btn1"><label class="w-rdo w-rdo-dsize"></label>
                </div>
            </td>
            <td class="sectionHead">Option 1</td>
        </tr>
        <tr>
            <td></td>
        </tr>
        <tr>
            <td>
                <div class="w-rdo-container">
                    <input class="w-rdo-native" id="btn2" name="radioBtn" type="radio" value="btn2"><label class="w-rdo w-rdo-dsize"></label>
                </div>
            </td>
            <td class="sectionHead">Option 2</td>
        </tr>
        <tr>
            <td></td>
        </tr>
        <tr>
            <td>
                <div class="w-rdo-container">
                    <input class="w-rdo-native" id="btn3" name="radioBtn" type="radio" value="btn3"><label class="w-rdo w-rdo-dsize"></label>
                </div>
            </td>
            <td class="sectionHead">Option 3</td>
        </tr>
        <tr>
            <td></td>
        </tr>
        <tr>
            <td>
                <div class="w-rdo-container">
                    <input class="w-rdo-native" id="btn4" name="radioBtn" type="radio" value="btn4"><label class="w-rdo w-rdo-dsize"></label>
                </div>
            </td>
            <td class="sectionHead">Option 4</td>
        </tr>
        <tr>
            <td></td>
        </tr>
        <tr>
            <td>
                <div class="w-rdo-container">
                    <input class="w-rdo-native" id="btn5" name="radioBtn" type="radio" value="btn5"><label class="w-rdo w-rdo-dsize"></label>
                </div>
            </td>
            <td class="sectionHead">Option 5</td>
        </tr>
        <tr>
            <td></td>
        </tr>
        <tr>
            <td>
                <div class="w-rdo-container">
                    <input class="w-rdo-native" id="btn6" name="radioBtn" type="radio" value="btn6"><label class="w-rdo w-rdo-dsize"></label>
                </div>
            </td>
            <td class="sectionHead">Option 6</td>
        </tr>
        <tr>
            <td></td>
        </tr>
    </tbody>
</table>

Have you tried in other browsers? if that works try by setting zoom level to 100% in IE browser. — Girish Bellamkonda
– Girish Bellamkonda, Commented Jan 11, 2017 at 5:24
Yes, it works in Google Chrome, as stated above. I already have IE set to 100% zoom level. — Kawamoto Takeshi
– Kawamoto Takeshi, Commented Jan 11, 2017 at 5:25

user861594 · Accepted Answer · 2017-01-12 21:52:43Z

10

+50

Try using JavaScript like below:

WebElement radioBtn1 = driver.findElement(By.id("radioButton1"));
((JavascriptExecutor) driver).executeScript("arguments[0].checked = true;", radioBtn1);

If you are using QMetry Automation Framework, you should create custom radio button component like where you can override click method with such custom implementation.

answered Jan 12, 2017 at 21:52

user861594

5,9183 gold badges32 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Kawamoto Takeshi Over a year ago

arguments[0].click() doesn't work but arguments[0].checked = true did the trick! Thanks!

Rajesh Om Over a year ago

arguments[0].click() works for me,Thank you for your answer

NarendraR · Accepted Answer · 2017-01-11 08:27:28Z

3

Use ExplicitWait to wait for element until clickable and then have to click on that element

     WebElement element = driver.findElement(By.id("radioButton1"));
     WebDriverWait wait = new WebDriverWait(driver, 120);
     wait.until(ExpectedConditions.elementToBeClickable(element));

     element.click();

EDITED

If it is causing problem in IE browser. The cause is preventing to find element in IE browser is ActiveX Controls

So just you need to follow these steps -

Go to Internet options > Advanced > security and do check below mentioned checks -
after check > apply and then don't forgot to restart your PC

Now simply run your script and try to click on that element using id

driver.findElement(By.id("button1")).click();

Hope this will work. Let us know if still face the same issue.

edited Jan 11, 2017 at 8:27

answered Jan 9, 2017 at 6:06

NarendraR

7,71811 gold badges49 silver badges89 bronze badges

2 Comments

Kawamoto Takeshi Over a year ago

Hi, thanks. It doesn't work. The explicit wait always timed out.

NarendraR Over a year ago

Might be there are many cause as you mentioned error Element is not clickable . follow this post stackoverflow.com/questions/11908249/…

Anish Pillai · Accepted Answer · 2017-01-09 05:34:39Z

0

Can you try identifying the radio buttons using a list and then clicking on an element in the list using its index with get()?

List<WebElement> radioGrp = driver.findElements(By.name("xxxxxxxx"));
radioGrp.get(0).click();

answered Jan 9, 2017 at 5:34

Anish Pillai

1,0237 silver badges8 bronze badges

2 Comments

Kawamoto Takeshi Over a year ago

Hi, I tried this and radioGrp is null. I'm pretty sure I put the correct name.

Kawamoto Takeshi Over a year ago

Hi, I tried it again waiting for the page to load and it successfully gets the radio buttons but the click is not working.

ratr · Accepted Answer · 2017-01-09 09:43:09Z

0

Not sure what is causing the problem.It works for me thought:

 public static IWebDriver driver;
    [Test]
    public void TestMethod1()
    {
        driver = new PhantomJSDriver();
        driver.Navigate().GoToUrl("file:///C:/Users/utripra/Desktop/test.html");
        driver.FindElement(By.Id("radioButton1")).Click();

answered Jan 9, 2017 at 9:43

ratr

6261 gold badge11 silver badges25 bronze badges

1 Comment

Ryan Lundy Over a year ago

That's PhantomJS, but the OP stated that he is using IE.

Guy · Accepted Answer · 2017-01-11 05:57:20Z

0

It seems that the radio button is combination of the <input> and <label> tags, i.e. the <div> with class="w-rdo-container" or its <td> parent. I think so because the rapper <td> and the <td> where the label Option 2 is are siblings.

class="w-rdo-container" doesn't seem to be unique, so you can use xpath to go up the html tree from id="button1"

driver.findElement(By.xpath("//div[input[@id='button1']]")).click(); // to click the div
// or
driver.findElement(By.xpath("//td[div[input[@id='button1']]]")).click(); // to click the td

answered Jan 11, 2017 at 5:57

Guy

51.2k10 gold badges49 silver badges96 bronze badges

8 Comments

Kawamoto Takeshi Over a year ago

Hi, thanks. I tried both and it didn't seem to work. I am not sure if xpath is applicable for IEDriver?

Guy Over a year ago

@KawamotoTakeshi Did you get any errors? or nothing happened?

Guy Over a year ago

@KawamotoTakeshi You could also try locating those elements some other way, I can base my answer only on the html snippets you provided.

Kawamoto Takeshi Over a year ago

Hi Guy, thanks. I tried seeing how it reacts again in Chrome and weirdly enough, you may be in the right track. Clicking on the corresponding TD still triggers the 'click'. I'll try to see how can I get the TD without an id.

Kawamoto Takeshi Over a year ago

Hi, I have changed it to CSS selector and nothing happens. Code proceeds like it clicked the td/div but nothing happens. No errors/stack trace in Eclipse.

|

Mahipal · Accepted Answer · 2017-01-11 06:19:06Z

0

Try following for clicking on Option 2 radio button:

driver.findElement(By.xpath("//td[normalize-space(text())='Option 2']/preceding::input[1]")).click();

answered Jan 11, 2017 at 6:19

Mahipal

9101 gold badge5 silver badges7 bronze badges

Comments

optimistic_creeper · Accepted Answer · 2017-01-11 10:25:54Z

Write a method that will accept the position of the radio button and click on the button by using cssSelector as follows:

driver.findElement(By.cssSelector("table.a-cptp-tbl > tbody > tr:nth-child(" + checkBoxPosition + ") > td > div > input")).click();

Full method:

public void selectOption(int positionOfCheckBox){
        By locator = By.cssSelector("table.a-cptp-tbl > tbody > tr:nth-child(" + positionOfCheckBox + ") > td > div > input");
        //wait for your element to be visible
        WebDriverWait wait = new WebDriverWait(driver, 30);
        wait.until(ExpectedConditions.visibilityOfElementLocated(locator));
        //click element after it is visible/clickable
        driver.findElement(locator).click();
    }

Alexander · Accepted Answer · 2018-01-20 07:00:57Z

-2

Just add Thread.sleep(5000); above your script for radio button. For example like this

     Thread.sleep(5000);
     driver.findElement(By.id("uniform-id_gender2")).click();

It works for me. :)

edited Jan 20, 2018 at 7:00

Alexander

4,5527 gold badges31 silver badges46 bronze badges

answered Jan 20, 2018 at 4:55

Emerensiana Karmiyati

1

1 Comment

Christian Baumann Over a year ago

Never a good idea to put hard sleeps, one should use WebDriverWait instead.

Collectives™ on Stack Overflow

Selenium Webdriver: Click on radio button not working

8 Answers 8

2 Comments

2 Comments

2 Comments

1 Comment

8 Comments

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

8 Answers 8

2 Comments

2 Comments

2 Comments

1 Comment

8 Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related