javascript - jqueryは、指定されたセレクターから要素を選択します

Question

重複の可能性：
サブセットとその逆を選択するjQueryメソッド？

このjavascriptコードが与えられた

var radio_buttons = $('.search-options input[type="radio"]');

変数が保持するラジオボタンのコレクションから、チェックされたラジオボタンのみを取得したい。findメソッドはそれを達成するのに役立つと思いましたが、そうではありません。

radio_buttons.find('input[checked]')

それを行う他の方法はありますか？

Answer 1

filterメソッドと:checkedセレクターを使用する必要があります。

radio_buttons.filter(":checked"). ...

Answer 2

チェックされたラジオボタンのみを選択するには、 ：checkedを使用します。

var radio_buttons = $('.search-options input[type="radio"]:checked');

変数のコレクションからチェックされたラジオボタンを取得したい場合。

 var radio_buttons = $('.search-options input[type="radio"]');
 var radio_buttons_checked = radio_buttons.find(':checked');

コンテナ内のチェック済みラジオの場合、

var radio_buttons = $('.search-options input[type="radio"]');
radio_buttons.each(function(){
     containerChecked = $(this).parent().find(':checked');
     alert(containerChecked.length);
});

Answer 3

:checked次のように、セレクターを使用する必要があります。

var radio_buttons = $('.search-options input[type="radio"]:checked');

Answer 4

これを試して

var radio_buttons = $('.search-options input[type="radio"]:checked');