Javascript 如何查找div之后选择的单选按钮

如何找到在精确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>

在这里，当我单击class.delete时，我想用jQuery检查字段集中下面的单选按钮是否被选中。你有什么提示吗

---

提前谢谢

如果你只想检查一堆单选按钮是否被选中，你可以这样做

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

在第3行中，您可以指定有关单选按钮位置的更多信息。对于exp$document.find'.largelines input[type=radio]'或如果需要根据“删除”按钮查找单选按钮，则可以修改如下代码：

$(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或兄弟函数：

$(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
            }
        });
    });
});

---

此查找仅在单击的.delete元素的.largelines范围下检查了radio

$function{ $document.on'click'，'delete'，函数{ var isChecked=$'input:radio:checked'，$this.parent.length>0 警觉检查 } }

选项1

选择1 选择2

选项2

选择1 选择2

---

有不同的按钮束，所以我需要检查下一个里面的按钮fieldset@db92我添加了有关您的问题的更多详细信息