在jquery中选择单选按钮
我有一些html文档:在jquery中选择单选按钮,jquery,Jquery,我有一些html文档: <ul class="ShippingProviderList"> <li> <label id="shippingMethod"> <div id="uniform-shippingCheck" class="radio"> <span> <input type="radio" value="0"> </span> </div>
<ul class="ShippingProviderList">
<li>
<label id="shippingMethod">
<div id="uniform-shippingCheck" class="radio">
<span>
<input type="radio" value="0">
</span>
</div>
<span class="ShipperName">Shipping One</span>
</label>
</li>
<li>
<label id="shippingMethod">
<div id="uniform-shippingCheck" class="radio">
<span>
<input id="shippingCheck" type="radio" value="2" name="selectedShippingMethod">
</span>
</div>
<span class="ShipperName">Shipping Two</span>
</label>
</li>
<li>
<label id="shippingMethod">
<div id="uniform-shippingCheck" class="radio">
<span>
<input id="shippingCheck" type="radio" value="1" name="selectedShippingMethod">
</span>
</div>
<span class="ShipperName">Shipping Three</span>
</label>
</li>
-
船运一号
-
运送两个
-
航运三
我想尝试检查此文档中是否包含字符串“Shipping One”。
如果包含“Shipping One”,我想使单选按钮(这里是值“0”)自动选中。
但该值将动态更改(“0”或“1”或“2”等)。如果值更改,我的代码将是错误的。
当值也更改时,如何实现自动选择
我的javascript代码:
$(document).ready(function() {
var smethods = [];
$('.ShippingProviderList .ShipperName').each(function() {
var txt = $(this).html();
smethods.push(txt);
}); // end each
if($.inArray('Shipping One', smethods)==0){
$("input[type=radio][value='0']").prop("checked",true);
}else{
$('.ShippingProviderList').prepend('<li><input type="radio" value="0"></li>');
}
$(文档).ready(函数(){
var-smethods=[];
$('.ShippingProviderList.ShipperName')。每个(函数(){
var txt=$(this.html();
smethods.push(txt);
})//结束每一个
如果($.inArray('Shipping One',smethods)=0{
$(“input[type=radio][value='0']”)prop(“checked”,true);
}否则{
$(“.ShippingProviderList”).prepend(“”);
}
})) 您需要检查
-1
:
if($.inArray('Shipping One', smethods) === -1){
$("input[type=radio][value='0']").prop("checked",true);
}else{
$('.ShippingProviderList').prepend('<li><input type="radio" value="0"></li>');
}
通过文本查找跨度,然后在其上一个同级中查找收音机:
$("span:contains('Shipping One')").prev().find('input').prop("checked",true);
“如果值更改,我的代码将出错”是什么意思?对不起。我的jquery代码将遇到错误。我的意思是这一行。$(“input[type=radio][value='0']”)。prop(“checked”,true);检查数组很好。问题是如何选择单选按钮。哇..这正是我正在搜索的解决方案。感谢你的帮助Nadia Chibrikova。你救了我的命…:)总是很乐意拯救生命!如果有帮助,你可以接受答案:)