Watir：在復選框中選擇一個項目

Question

我正在使用watir-webdriver，我試圖從下面的HTML代碼中選擇一個框，例如輸入“ LC”，但是我遇到了一些麻煩使其工作。 任何人都有任何想法。 謝謝

browser.checkbox(:value => 'LC').set

錯誤消息C：/Ruby193/lib/ruby/gems/1.9.1/gems/watir-2.0.4/lib/watir/element.rb：78：在'asse rt_exists'中：無法使用{：value來定位元素=>“ LC”}（Watir :: Exception :: UnknownObjectException）

碼

<TD align="right">Reason:&nbsp;&nbsp;</TD>
                    <TD><style type="text/css"> 
select, ul { height: 40px; overflow: auto; width: 205px; border: 1px solid #000; }
ul { list-style: none; margin: 0; padding: 0; overflow-x: hidden;}
li { margin: 0; padding: 0; }
ul li {
position: relative;
}
li ul {
position: absolute;
left: 149px;
top: 0;
display: none;
}
label { display: block; color: WindowText; background-color: Window; margin:0; 
padding:0; width: 100%; }
label:hover { background-color: Highlight; color: HighlightText; display: block; }
</style>

<script type="text/javascript"> 
function appendValue(checkedValue) {
findFormElement("reason").value = ""
if(document.getElementById("CS").checked){
findFormElement("reason").value= findFormElemen"reason").value+document.getElementById   ("CS").id;
}
if(document.getElementById("LC").checked){
findFormElement("reason").value = findFormElement("reason").value + document.getElementById("LC").id;
}
if(document.getElementById("ND").checked){
    findFormElement("reason").value = findFormElement("reason").value +  document.getElementById("ND").id;
}
if(document.getElementById("NG").checked){
    findFormElement("reason").value = findFormElement("reason").value + document.getElementById("NG").id;
}
if(document.getElementById("NC").checked){
    findFormElement("reason").value = findFormElement("reason").value + document.getElementById("NC").id;
}
if(document.getElementById("WD").checked){
findFormElement("reason").value = findFormElement("reason").value + document.getElementById("WD").id;
}
};
</script>
<input name="reason" type="hidden" value></select><ul id="multisel">
<li><label for="CS"><input type="checkbox" name="CS" id="CS" onClick="appendValue   (&quot;CS&quot;)"/>Cannot Supply Within 2 Hours</label></li>
<li><label for="LC"><input type="checkbox" name="LC" id="LC" onClick="appendValue(&quot;LC&quot;)"/>Location Closed</label></li>
<li><label for="ND"><input type="checkbox" name="ND" id="ND" onClick="appendValue(&quot;ND&quot;)"/>No Drivers Available</label></li>
<li><label for="NG"><input type="checkbox" name="NG" id="NG" onClick="appendValue(&quot;NG&quot;)"/>No Vehicle Group Available</label></li>
<li><label for="NC"><input type="checkbox" name="NC" id="NC" onClick="appendValue(&quot;NC&quot;)"/>No Vehicles Available</label></li>
<li><label for="WD"><input type="checkbox" name="WD" id="WD" onClick="appendValue(&quot;WD&quot;)"/>Weekend Delivery</label></li>
</ul></TD>

select, ul { height: 40px; overflow: auto; width: 205px; border: 1px solid #000; }
ul { list-style: none; margin: 0; padding: 0; overflow-x: hidden;}
li { margin: 0; padding: 0; }
ul li {
position: relative;
}
li ul {
position: absolute;
left: 149px;
top: 0;
display: none;
}
label { display: block; color: WindowText; background-color: Window; margin: 0;   padding: 0; width: 100%; }
label:hover { background-color: Highlight; color: HighlightText; display: block; }
</style>

<script type="text/javascript"> 
function appendValue(checkedValue) {
findFormElement("reason").value = ""
if(document.getElementById("CS").checked){
findFormElement("reason").value = findFormElement("reason").value +  document.getElementById("CS").id;
}
if(document.getElementById("LC").checked){
    findFormElement("reason").value = findFormElement("reason").value + document.getElementById("LC").id;
}
if(document.getElementById("ND").checked){
    findFormElement("reason").value = findFormElement("reason").value + document.getElementById("ND").id;
}
if(document.getElementById("NG").checked){
    findFormElement("reason").value = findFormElement("reason").value +  document.getElementById("NG").id;
}
if(document.getElementById("NC").checked){
    findFormElement("reason").value = findFormElement("reason").value + document.getElementById("NC").id;
}
if(document.getElementById("WD").checked){
    findFormElement("reason").value = findFormElement("reason").value + document.getElementById("WD").id;
}
};
</script>
<input name="reason" type="hidden" value></select><ul id="multisel">
<li><label for="CS"><input type="checkbox" name="CS" id="CS" onClick="appendValue   (&quot;CS&quot;)"/>Cannot Supply Within 2 Hours</label></li>
<li><label for="LC"><input type="checkbox" name="LC" id="LC" onClick="appendValue(&quot;LC&quot;)"/>Location Closed</label></li>
<li><label for="ND"><input type="checkbox" name="ND" id="ND" onClick="appendValue(&quot;ND&quot;)"/>No Drivers Available</label></li>
<li><label for="NG"><input type="checkbox" name="NG" id="NG" onClick="appendValue(&quot;NG&quot;)"/>No Vehicle Group Available</label></li>
<li><label for="NC"><input type="checkbox" name="NC" id="NC" onClick="appendValue(&quot;NC&quot;)"/>No Vehicles Available</label></li>
<li><label for="WD"><input type="checkbox" name="WD" id="WD" onClick="appendValue(&quot;WD&quot;)"/>Weekend Delivery</label></li>
</ul></TD>

Answer 1

復選框沒有值。 但是它們每個都有一個id 。 嘗試

browser.checkbox(:id => 'LC').set 

Answer 2

如果您最終想要取消選擇復選框，則該方法很明確