如何使用jQuery获取On / Off切换按钮值?

时间:2018-06-01 09:08:41

标签: selenium css-selectors

我的一个测试场景有一个On-Off切换按钮,我想检查它是打开还是关闭? 按钮值有一个内部复选框,所以我使用JQuery获取复选框值,但我得到null值。

JavascriptExecutor js = (JavascriptExecutor)getDriver();
System.out.println(js.executeScript("$('#f-contact-usactive').is(':checked')"));
<div class="col-3">
    <div class="label">Display Contact Us
       <i title="If this field is left blank, it will revert to 
                 the default Teleflora/group value." 
          class="icon icon-tool-tip icon-tool-tip-federated">
       </i>
       <i title="This controls whether or not your address and 
                 phone number will show on the about us page." 
          class="icon icon-tool-tip x-space-s">
       </i>
    </div>
    <input checked="" type="checkbox" id="f-contact-us-active" 
           name="f-contact-us-active" class="on-off-switch">
    <label for="f-contact-us-active" class="on-off-switch-label">
        <div class="on-off-switch-state">on</div>
    </label>
</div>

请帮助我获取价值

3 个答案:

答案 0 :(得分:0)

您的ID在JQuery选择器中不正确。它应该是这样的。 "$('#f-contact-us-active').is(':checked')"

答案 1 :(得分:0)

我认为您的复选框ID是&#34; f-contact-us-active&#34;但是在脚本中你正在访问&#34; f-contact-usactive&#34;错过了&#39; - &#39;。

或者你在这里做错了吗?

答案 2 :(得分:0)

感谢您的投入,我得到了解决方案

System.out.println(&#34; Toggle值为:&#34; +((JavascriptExecutor)getDriver())。executeScript(&#34; return document.getElementById(&#39; f-contact -us活性&#39)检查&#34;。));