span类中的输入标记（单选按钮）的Xpath(Xpath for input tag(radio button) inside a span class)

span类中的输入标记（单选按钮）的Xpath(Xpath for input tag(radio button) inside a span class)

以下是代码：

我想选择span类中存在的单选按钮。 你能帮忙找出一个成功的xpath吗？

<div id="quicklinkbox" class="col-md-2" data-position="left" data-intro="You can directly download payslip PDFs for the last 3 or 6 months. (India payslip only)" data-step="4"> <div style="background-color: transparent; margin-top: 28px;"> <div id="panel-title" ng-click="changeExpand(expand);" style="position: relative; left: 24px; cursor: pointer; font-weight: 500;">Quick Download</div> <div id="panel-title" class="panel-body" style="text-align: left; font-weight: lighter; padding: 5px 0px 0px 50px; font-weight: 400"> <span style="margin-left: -16px;">Payslips for</span> <form class="ng-pristine ng-valid"> <div class="form-group"> <div class="radio"> <span same-heightcol="" style="font-size: 16px;"> <input class="ng-pristine ng-valid" type="radio" ng-model="payslipselectedopt" style="cursor: pointer;" value="3" name="payslipradio"/> <span style="font-size: 16px; position: relative; top: -5px;">Last 3 months</span> </span> </div> <div class="radio"> <span style="font-size: 16px;"> <input class="ng-pristine ng-valid" type="radio" ng-model="payslipselectedopt" value="6" name="payslipradio" style="cursor: pointer;"/> <span style="font-size: 16px; position: relative; top: -5px;"> Last 6 months</span> </span> </div> <img style="margin-bottom: -12px; margin-left: -16px; cursor: pointer;" ng-click="downloadbulkpayslip()" src="appResources/images/Download-button.png"/> </div> </form> </div> </div> </div> </div>

Below is the code :

I want to select the radio button which is present within the span class. Could you please help in identifying a successful xpath ?

<div id="quicklinkbox" class="col-md-2" data-position="left" data-intro="You can directly download payslip PDFs for the last 3 or 6 months. (India payslip only)" data-step="4"> <div style="background-color: transparent; margin-top: 28px;"> <div id="panel-title" ng-click="changeExpand(expand);" style="position: relative; left: 24px; cursor: pointer; font-weight: 500;">Quick Download</div> <div id="panel-title" class="panel-body" style="text-align: left; font-weight: lighter; padding: 5px 0px 0px 50px; font-weight: 400"> <span style="margin-left: -16px;">Payslips for</span> <form class="ng-pristine ng-valid"> <div class="form-group"> <div class="radio"> <span same-heightcol="" style="font-size: 16px;"> <input class="ng-pristine ng-valid" type="radio" ng-model="payslipselectedopt" style="cursor: pointer;" value="3" name="payslipradio"/> <span style="font-size: 16px; position: relative; top: -5px;">Last 3 months</span> </span> </div> <div class="radio"> <span style="font-size: 16px;"> <input class="ng-pristine ng-valid" type="radio" ng-model="payslipselectedopt" value="6" name="payslipradio" style="cursor: pointer;"/> <span style="font-size: 16px; position: relative; top: -5px;"> Last 6 months</span> </span> </div> <img style="margin-bottom: -12px; margin-left: -16px; cursor: pointer;" ng-click="downloadbulkpayslip()" src="appResources/images/Download-button.png"/> </div> </form> </div> </div> </div> </div>

最满意答案

您可以使用：

//span/input[@name='payslipradio' and @value='6']

说明：

// span - >将搜索所有HTML al span标记

/ input - >将在span标签内部选择一个输入标签

[@ name ='payslipradio'和@ value ='6'] - >将在之前选择的标签中搜索名称attr等于'pslpradio'且值attr等于'6'

You can use:

//span/input[@name='payslipradio' and @value='6']

Explanation:

//span -> Will search in all HTML al span tag

/input -> Will searth inside the span tag previous selected a input tag

[@name='payslipradio' and @value='6'] -> Will search in the previous selected tags one that the name attr is equals to 'pslpradio' and value attr equals to '6'