使用 jQuery 迭代类似命名的复选框

发布于 2024-08-19 05:55:55 字数 866 浏览 7 评论 0原文

我正在尝试使用 jQueryeach() 迭代一组名为 seller_type[] 的复选框。它们都有唯一的 id，所以我可以重写它来处理一系列唯一的 id，但我想找出我在这里出错的地方。

该警报显示，虽然 intIndex 看到了正确的元素数量，但 this 始终保存第一个元素。

function setUp(){
    $( 'input[name=supplier_type[]]' ).each(
        function( intIndex ){
            var type = $(this+':checked').val() + 'Table';
            $("#"+type).show("slow");
            alert($(this+':checked').val());  // sees first one each iter
        }       
    );
}

那么我该如何处理正确的元素呢？我需要使用bind()吗？

谢谢！

// 编辑基于德鲁·威尔斯回应的工作版本。谢谢德鲁！

function setUp(){
    $( 'input[name=supplier_type[]]' ).each(
        function( intIndex ){
            if($(this).attr('checked')) {
                var type = $(this).val() + 'Table';
                $("#"+type).show("slow");
            }
        }       
    );
}

原文

I am trying to use jQuery each() to iterate across a group of checkboxes named supplier_type[]. They all have unique ids so I could just re-write this to handle an array of unique ids but I wanted to figure out where I went wrong here.

The alert shows that while intIndex sees the correct number of elements this always holds the first element.

function setUp(){
    $( 'input[name=supplier_type[]]' ).each(
        function( intIndex ){
            var type = $(this+':checked').val() + 'Table';
            $("#"+type).show("slow");
            alert($(this+':checked').val());  // sees first one each iter
        }       
    );
}

So how do I address the correct element? Do I need to use bind()?

Thanks!

// Edit
Working version based on Drew Wills response. Thanks Drew!

function setUp(){
    $( 'input[name=supplier_type[]]' ).each(
        function( intIndex ){
            if($(this).attr('checked')) {
                var type = $(this).val() + 'Table';
                $("#"+type).show("slow");
            }
        }       
    );
}

分享到QQ

分享到微博