好的,所以我有一个jQuery代码,用于构建来自XML数据的无线电输入,如下所示:
var items = xml.children('item');
if (items.length > 0)
{
var ul = $('<ul/>',{
class: 'priceList'
});
items.each(function(){
var $this = $(this);
var li = $('<li/>');
var img = $('<img/>',{
src: 'products/' + $this.children('image').text(),
});
var input = $('<input/>',{
type: 'radio',
id: $this.children('id').text(),
name: 'products'
});
var span = $('<span/>',{
text: $this.children('price').text() + ' USD'
});
var label = $('<label/>',{
for: $this.children('id').text()
});
label.append(img);
label.append("</br>");
label.append(span);
li.append(input);
li.append(label);
ul.hide().append(li).fadeIn('slow');
});
return ul;
}
return null;
现在我需要一种很好的方法来查找所有未经检查的无线电标签,并对它们执行某些操作,例如:淡出它们或改变css属性。由于XML列表包含近40个项目,因此编写if-else结构是不行的。需要一个好的解决方案提前谢谢!
编辑:请参阅下面的答案。
答案 0 :(得分:18)
自己找到它。上述答案都不适用于我,这很奇怪,因为它们中的大多数应该是完全合法的。
我发现工作实际上是
$('input[type="radio"]:not(:checked)')
就我而言,我需要
$('li input[type="radio"]:not(:checked) + label')
整个代码是:
//we'll need m for detecting a click outside of element with our radio buttons...
var m = false;
$(document).ready(function(){
$.ajax({
type: "GET", url: 'xml.xml', dataType: 'xml',
success: function(data){
var xml = $(data);
$('#windowList').append( ItemToUl(xml.children()) );
}
});
$('.calc').hover(function(){
m=true;
}, function(){
m=false;
});
$("body").mousedown(function(){
if(! m) {
//...and unchecking a checked radio. I heard that .attr() was deprecated but couldn't get .prop() to work
$('li input[type="radio"]:checked').attr('checked', false);
$('li input[type="radio"]:not(:checked) + label').fadeTo('slow', 1);
}
});
$("li input").live("change", function(){
$('li input[type="radio"]:checked + label').fadeTo('slow', 1);
$('li input[type="radio"]:not(:checked) + label').fadeTo('slow', 0.45);
});
});
//constructing function, etc...
答案 1 :(得分:5)
试试这个(另请参阅我的jsfiddle):
$('input').not(':checked')
答案 2 :(得分:2)
我认为这样可行
$("input:!checked");
您可能也希望在其中放置一个类选择器。
然后执行.each
对元素
答案 3 :(得分:0)
$('form input[type="radio"]').not(':checked').each(function() {
$(this).addClass('unchecked');
// or
$(this).slideUp('slow');
});
显然你使用的元素取决于你,但是:未经检查的选择器就是你所追求的。