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）是否已选择下面的一个单选按钮（在fieldset内）。你有什么提示吗？

提前致谢。

Answer 1

如果你想检查一堆单选按钮是否可以检查你可以做这样的事情

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

第3行中的Ofc，您可以指定有关单选按钮位置的更多信息。对于exp $(document).find('.largelines input[type=radio]')＆＃34; OR＆＃34;如果您需要根据删除按钮找到无线电按钮，您可以修改如下代码：

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

Answer 2

此查找仅在点击的.largelines元素的.delete范围内检查了广播。

＆＃13;

$(function () {
  $(document).on('click', '.delete', function () {
    var isChecked = $('input:radio:checked', $(this).parent()).length > 0
    alert(isChecked)
  })
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="largelines">
    <p class="line">OPTION 1</p>
    <div class="delete">
        <a href="#" title="Delete">Check 1</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>
<hr>
<div class="largelines">
    <p class="line">OPTION 2</p>
    <div class="delete">
        <a href="#" title="Delete">Check 2</a>
    </div>
    <fieldset>
        <input type="radio" id="option21" name="option1" value="option1"><label for="option1">option1 </label><br>
        <input type="radio" id="option22" name="option2" value="option2"><label for="option2">option2 </label>
    </fieldset>
</div>

＆＃13;

如何在div之后找到选择的单选按钮

2 个答案: