jquery - 如何使用 jQuery 选择第一次出现的每个具有特定属性唯一值的复选框？

Question

我确信这个问题很难理解，所以我会告诉你我正在尝试做什么:

假设我有以下复选框 HTML:

<input type="checkbox" id="selectAll" /> Select All
<input type="checkbox" name="addressId" value="100" uid="1" /> Address 100
<input type="checkbox" name="addressId" value="101" uid="2" /> Address 101
<input type="checkbox" name="addressId" value="102" uid="3" /> Address 102
<input type="checkbox" name="addressId" value="103" uid="4" /> Address 103
<input type="checkbox" name="addressId" value="104" uid="2" /> Address 104
<input type="checkbox" name="addressId" value="105" uid="4" /> Address 105
<input type="checkbox" name="addressId" value="106" uid="5" /> Address 106

我当前正在使用以下全选 jQuery 逻辑:

$("#selectAll").change(function() {
    if ($(this).is(":checked"))
        $("input[name='addressId']").attr("checked", "").removeAttr("checked").attr("checked", "checked");
    else
        $("input[name='addressId']").attr("checked", "").removeAttr("checked");
});

基本上，我需要更新此逻辑，以便只有每组复选框中的 FIRST 复选框具有匹配的 uid 值(例如，选择地址 101 和 104 具有匹配的 uid 值 -2)。因此，在上面的示例中，仅选择地址 ID 100、101、102、103 和 AND 106，而 104 和 105 将保持未选择状态。我怎样才能在 jQuery 中做到这一点？我似乎无法弄清楚选择器!

谢谢。

Answer 1

我不确定这是否是获取复选框的最佳方式，但它有效:

var uids = [],
    unique = $('input[name=addressId]').filter(function(index) {
        var uid = $(this).attr('uid');
        if ($.inArray(uid, uids) == -1) {
            uids.push(uid);
            return true;
        } else {
            return false;
        }
    });

那么，您可以将 #selectAll 上的事件处理程序简化为:

$('#selectAll').change(function() {
    unique.attr('checked', this.checked);
});

工作示例:http://jsfiddle.net/FishBasketGordo/crkA7/