Click on element using selenium python which is under label class

Question

I have a web page which i am automating, I can click on any other elements using xpath or name or ID, but this gets little tricky when the element which I want to click is inside label. Here is the example,

<div class="dv-widget dv-deco-def dv-sz-med dv-map-sw">
<input name="l_maps" id="grp_perc" value="0" class="map_HD dv-radio-swr" type="radio">
<label for="grp_percentage" class="dv-radio-swl" onclick="">%</label>
<input name="l_maps" id="grp_count" value="1" class="map_HD dv-radio-swr" checked="" type="radio">
<label for="grp_multiply" class="dv-radio-swl" onclick="">*</label></div>

I need to click on the radio buton with the text % on it, I tried several option using xpath and CSS and ID but nothing seems to find that element under that label. I need help on this guys please. Thank you in advance.

I tried option like self.driver.find_element_by_xpath("//*[@id='grp_perc']") but that did not help me earlier — Rob, Mar 27 '18 at 16:19

undetected Selenium · Answer 1 · 2018-03-29T16:05:11.677

0

To click on the radio button with the text as % you can use either of the following lines of code :

Using preceding :

driver.find_element_by_xpath("//label[@class='dv-radio-swl' and @for='grp_percentage']//preceding::input[1]").click()

Using preceding-sibling :

driver.find_element_by_xpath("//label[@class='dv-radio-swl' and @for='grp_percentage']//preceding-sibling::input[1]").click()

Using ancestor :

driver.find_element_by_xpath("//label[@class='dv-radio-swl' and @for='grp_percentage']//ancestor::input[1]").click()

Update

As per the first part of the xpath I have provided it correctly identifies the <label> element with text as %. See the snapshot :

Now, appending preceding makes no mistake to identify the previous <input> tag. See snapshot :

So in all means our xpath is correct. Possibly, you need to induce a waiter for the element to be clickable as follows :

WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//label[@class='dv-radio-swl' and @for='grp_percentage']//preceding::input[1]"))).click()

If you are still unable to locate the element check the HTML if the element is within an <iFrame> tag and you will find a detailed discussion in How can I select a html element no matter what frame it is in in selenium?

edited Mar 29 '18 at 16:05

answered Mar 27 '18 at 16:30

undetected Selenium

183,867
41
278
352

Thanks for the suggestion, I tried the answer and it did not work. Do you think I should try to click using the type=radio ? – Rob Mar 27 '18 at 17:00
@Rob Apart from these 2 radio buttons does the page contains more radio buttons? – undetected Selenium Mar 27 '18 at 17:03
no these are the only two radio buttons on this page. – Rob Mar 27 '18 at 17:42
@Rob Please check my updated answer and let me know the results. – undetected Selenium Mar 28 '18 at 06:42
Hey @DebanjanB thanks for your latest update. I tried you suggestion, I also tried to use the combination of label and preceding-sibling, but the page cannot locate that element. I also tried to see if that element is clickable but selenium doesn't seem to identify that button. – Rob Mar 29 '18 at 15:16
@Rob Check out my answer update and let me know the status. – undetected Selenium Mar 29 '18 at 15:59

score 0 · Answer 2 · answered Mar 27 '18 at 17:58

This is kind of a strange situation. Typically the for attribute of the LABEL matches the ID of the INPUT that it corresponds to, e.g.

<input id="name" ... >
<label for="name" ... >

But in this case it doesn't match. We can get around it pretty easily. You can search for the element that contains the % text using XPath and then find the preceding INPUT.

//label[.='%']/preceding-sibling::input

If you plan to use this elsewhere also, I would suggest that you put this into a function and pass in the LABEL text, e.g. % and feed that into the locator to click the matching INPUT.

Click on element using selenium python which is under label class

2 Answers2

Update