如何从jQuery选择器返回的列表中删除元素？

我想取消选中所有具有特定类的复选框，但只检查一个特例。如何从jQuery选择器返回的列表中删除元素？

function PizzaToppings_OptionValueChanged(checkboxElement) { 
    if ($(checkboxElement).attr("checked")) { 
     if($(checkboxElement).hasClass('cheese_toppings')) 
     { 
      // This will uncheck all other "cheese_toppings" but I want the newly selected item "checkboxElement" to remain checked. 
      $('input:checkbox.cheese_toppings').attr('checked', false); 
     } 
    } 
}

上面的代码将取消选中包括刚刚选择的所有“cheese_toppings”。我不想再重新检查刚刚选择的或将要召回的事件。

我认为最好的解决方案是从$('input:checkbox.cheese_toppings')返回的列表中删除“checkboxElement”，然后将.attr('checked', false)设置为该列表。但我不知道如何从列表中删除checkboxElement。

来源

2012-01-06 Justin

$('input:checkbox.cheese_toppings').not(checkboxElement).attr('checked', false);

见jQuery的文档：.not()

来源

2012-01-06 20:36:23 Paulpro

Oooh，我不知道输入：type语法...哪里有记录？ – 2012-01-06 20:41:27

@GeorgeMauer嗨乔治，它的问题来源于代码，但它***被记录在这里：http://api.jquery.com/checkbox-selector/ :) – Paulpro 2012-01-06 20:44:38

@GeorgeMauer Note '：checkbox'选择器仅适用于jQuery。它不是一个CSS选择器。这里有一个完整的jQuery选择列表：http://api.jquery.com/category/selectors/ – Paulpro 2012-01-06 20:45:31

尝试

$('input:checkbox.cheese_toppings').not(checkboxElement).attr('checked', false)

来源

2012-01-06 20:36:57 gotofritz

很好的答案...但用户1击败你10秒！ – Justin 2012-01-06 20:46:25

//when the page is loaded 
$(function() { 

//select all checkboxes with class cheese_topping 
var allToppingBoxes = $('input[type=checkbox].cheese_topping') 

//when one of these is clicked 
allToppingBoxes.click(function() { 
    //if the box was unchecked do nothing 
    if(!$(this).attr('checked')) 
    return; 

    //select all except this one that was clicked 
    allToppingBoxes.not(this) 
    .attr('checked', false); //uncheck all 
}); 

});

另外请注意，你可能想使用jQuery的道具，而不是ATTR。你可能也想看看:checked pseudoclass（虽然IE8不支持它）

来源

2012-01-06 20:39:17

感谢您对prop（）与attr（）的建议。猜猜我在那里做了一些研究:) – Justin 2012-01-06 20:53:03

老实说，jQuery文档是不可思议的，你可以在2小时内阅读大部分文档，而且它们非常容易阅读和提供信息。 – 2012-01-06 23:46:46

如何从jQuery选择器返回的列表中删除元素？

回答

相关问题