Select 带有动态 ID 的单选按钮，使用 CSS 选择器或 Xpath

Question

我在 Visual Studio 中使用 C# 到 select 多个是或否问题。 下面是 select“是”的第一个按钮。 id不是 static 所以不能使用它，我不确定哪个路径（CSS 或 Xpath）对这条路线最有效。

<div class="row form-group">
  <label class="form-label col-md-4 col-lg-3">Was everything satisfactory?</label>
  <div class="col-md-7 col-lg-8"><fieldset class="form-group form-radio-group" id="__BVID__385">
    <div tabindex="-1" role="group"><div role="radiogroup" tabindex="-1" class="" id="__BVID__386">
      <div class="custom-control custom-control-inline custom-radio">
        <input type="radio" autocomplete="off" class="custom-control-input" value="true" id="__BVID__387" name="__BVID__386">
        <label class="custom-control-label" for="__BVID__387">Yes</label>
      </div>
    </div>
  </div>

Answer 1

如果您更喜欢使用 XPath 或 CSS 选择器，则取决于手头的元素和个人喜好。 E. Wiest链接的文章有一些优点。

在您的具体情况下，您可以使用 CSS 选择器，例如:checked

input[type='radio']:checked

• 如果你想 select 例如后续的label

   input[type='radio']:checked+label

或建议的一些 XPath

//label[contains(text(), "Yes")]/preceding::input

就个人而言，我也认为 XPath 更强大，但 CSS 选择器通常同样足够。

Answer 2

当您有动态 CSS Ids、名称时，最好使用 Xpath。

根据您的要求（“选择多个是或否问题”），您应该有一个关系 b/w 问题和选项。

您可以在两个元素之间建立 Xpath 关系，如下面的示例所示。

//label[contains(.,'Was everything satisfactory?')]/following-sibling::div/fieldset/div/div/div/label[.='Yes' or .='No']

或者

//label[.='Yes' or .='No']/ancestor::div/parent::body/label[contains(.,'Was everything satisfactory')]

根据您的要求更新这些 Xpath