首页 > 解决方案 > 遍历单选按钮并单击

问题描述

我有这个包含单选按钮的 html 代码:

<mobileweb-group-toggle _ngcontent-oil-c35="" id="searchType" _nghost-oil-c36="">
   <!---->
   <div _ngcontent-oil-c36="" class="datex-form-field">
      <!----><!---->
      <mat-radio-group _ngcontent-oil-c36="" class="ng-pristine ng-valid ng-star-inserted ng-touched" role="radiogroup" id="searchType.toggle">
         <!---->
         <mat-radio-button _ngcontent-oil-c36="" class="datex-radiobutton mat-radio-button mat-accent mat-radio-checked ng-star-inserted" tabindex="-1" id="mat-radio-5">
            <label class="mat-radio-label" for="mat-radio-5-input">
               <div class="mat-radio-container">
                  <div class="mat-radio-outer-circle"></div>
                  <div class="mat-radio-inner-circle"></div>
                  <div class="mat-radio-ripple mat-ripple" mat-ripple="">
                     <div class="mat-ripple-element mat-radio-persistent-ripple"></div>
                  </div>
                  <input class="mat-radio-input cdk-visually-hidden" type="radio" id="mat-radio-5-input" tabindex="0" name="mat-radio-group-3">
               </div>
               <div class="mat-radio-label-content"><span style="display:none">&nbsp;</span>Shipment</div>
            </label>
         </mat-radio-button>
         <mat-radio-button _ngcontent-oil-c36="" class="datex-radiobutton mat-radio-button mat-accent ng-star-inserted" tabindex="-1" id="mat-radio-6">
            <label class="mat-radio-label" for="mat-radio-6-input">
               <div class="mat-radio-container">
                  <div class="mat-radio-outer-circle"></div>
                  <div class="mat-radio-inner-circle"></div>
                  <div class="mat-radio-ripple mat-ripple" mat-ripple="">
                     <div class="mat-ripple-element mat-radio-persistent-ripple"></div>
                  </div>
                  <input class="mat-radio-input cdk-visually-hidden" type="radio" id="mat-radio-6-input" tabindex="0" name="mat-radio-group-3">
               </div>
               <div class="mat-radio-label-content"><span style="display:none">&nbsp;</span>Work Order</div>
            </label>
         </mat-radio-button>
      </mat-radio-group>
   </div>
</mobileweb-group-toggle>

无论单选按钮的 ID 是什么,我如何遍历父节点并单击第一个或第二个节点?

标签: javaseleniumselenium-webdriverxpathselenium-chromedriver

解决方案


Xpath 将是

//type[@radio][1] or //type[@radio][2]

如你所愿。


推荐阅读