如何檢查我的單選按鈕是否在一個div中被選中？

Question

我有很多被稱為“ each_item”的div，一個接一個。 我正在嘗試檢查是否已在此div內檢查了收音機。

我的問題是，使用我的jquery代碼（見下文），測試了所有“ each_item” div的所有單選按鈕。 我可能需要使用$(this) ，但是我不知道如何在下面使用的選擇器中使用它（即$('input:radio[name=gender]:checked') ）

<div class='each_item'>
<input type='radio' name='gender' value='m'>
<input type='radio' name='gender' value='f'>

<input type='button' id='btn'>
</div>

我嘗試的jQuery是這樣的：

$('#btn').click(function(){

    if ($('input:radio[name=gender]:checked').length < 1)
        alert('nothing was checked');
    });

非常感謝您能幫助我。

Answer 1

您可以使用find只在div中查找。 最接近的將找到與該類最近的祖先（包含div）。

$('#btn').click(function(){

    if ($(this).closest(".each_item").find('input:radio[name=gender]:checked').length < 1)
        alert('nothing was checked');
    });

});

還要注意，如果您有多個具有相同id按鈕，則這是無效的，很可能會導致問題。 id始終應該是唯一的。

Answer 2

使用.siblings()

$('#btn').on('click', function() {
    if ($(this).siblings('input:checked').length < 1) {
        alert('nothing was checked');
    }
});

您可以從選擇器中刪除:radio和[name=gender] ，因為它們過度定義了您實際搜索的內容。