javascript - 如何查找 div 之后选择了哪个单选按钮

Question

如何找到在精确的 div 之后选择了哪个单选按钮？

这是一个示例:

<div class="largelines">
    <p class="line">OPTION 1</p>
    <div class="delete">
        <a href="#" title="Delete"></a>
    </div>
    <fieldset>
        <input type="radio" id="option1" name="option1" value="option1"><label for="option1">option1 </label><br>
        <input type="radio" id="option2" name="option2" value="option2"><label for="option2">option2 </label>
    </fieldset>
</div>

在这里，当我单击 .delete 类时，我想检查(使用 jQuery)是否已选择下面的单选按钮之一(在字段集中)。你有什么提示吗？

提前致谢。

Answer 1

如果您想检查一堆单选按钮是否已选中，您可以执行类似的操作

$(document).ready(function(){
    $('.delete').on('click', function(){
        $(document).find('input[type=radio]').each(function(){
            if($(this).get(0).checked){
                //do something
            }
        });
    });
});

Ofc 在第 3 行中，您可以指定有关单选按钮位置的更多信息。对于 exp $(document).find('.largelines input[type=radio]') "OR"如果您需要基于删除按钮查找单选按钮，您可以修改代码如下:

$(document).ready(function(){
    $('.delete').on('click', function(){
        var $parent = $(this).parents('.largelines');
        $parent.find('input[type=radio]').each(function(){
            if($(this).get(0).checked){
                //do something
            }
        });
    });
});

还有很多其他方法可以做到这一点，另一种方法是使用 next() 或 siblings() 函数:

$(document).ready(function(){
    $('.delete').on('click', function(){
        var $fieldset= $(this).next('fieldset');
        //var $fieldset= $(this).siblings('fieldset');// i comment this out [its alternative way]
        $fieldset.find('input[type=radio]').each(function(){
            if($(this).get(0).checked){
                //do something
            }
        });
    });
});