首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >无法选中隐藏自定义复选框

无法选中隐藏自定义复选框
EN

Stack Overflow用户
提问于 2022-03-16 18:10:12
回答 2查看 121关注 0票数 0

我尝试过许多选项,但到目前为止,单击复选框(自定义复选框包含: checkbox并隐藏起来)还没有成功。有人能告诉我解决这个问题的方法吗。我尝试了X路径和其他选择器,它找到并点击了那些复选框,但是那些复选框由于某种原因没有被选中。

代码语言:javascript
运行
复制
<fieldset class="checkbox">
                <legend>Services</legend>

                <ul class="multiColumnList">
                    <li><label for="AccountUsers_0__ViewOrders"><input data-val="true" data-val-required="The View Orders field is required." id="AccountUsers_0__ViewOrders" name="AccountUsers[0].ViewOrders" type="checkbox" value="true" class="hidden-field"><span class="custom checkbox"></span><input name="AccountUsers[0].ViewOrders" type="hidden" value="false">View Orders</label></li>

以下是HTML的屏幕截图

EN

回答 2

Stack Overflow用户

发布于 2022-03-17 11:56:30

尝试以下列方式单击复选框:

代码语言:javascript
运行
复制
const checkboxSelector = Selector('#AccountUsers_0__ViewOrders');
const labelSelector = Selector('[for="AccountUsers_0__ViewOrders"]')

await t.click(labelSelector);
await t.expect(checkboxSelector.checked).ok();

如果这没有帮助,请告诉我。我会为你找到合适的解决方案。

票数 2
EN

Stack Overflow用户

发布于 2022-03-17 01:11:59

代码语言:javascript
运行
复制
   async Check() {
    const checkboxSelector = Selector(`[id="AccountUsers_0__ViewOrders"]`)
                             .with({visibilityCheck: true});
    if(!checkboxSelector.checked){
      await t.click(checkboxSelector);  
    }
    
    await t.expect(checkboxSelector.checked).eql(true, 'Should be checked')
  }

  async UnCheck() {
    const checkboxSelector = Selector(`[id="AccountUsers_0__ViewOrders"]`)
                             .with({visibilityCheck: true});
    if(checkboxSelector.checked){
      await t.click(checkboxSelector);
    }

    await t.expect(checkboxSelector.checked).eql(false, 'Should be unchecked')
  }

请试一下这段代码,让我知道

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71502325

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档