すべての選択ボックスにjqueryを使用してオプションが選択されているかどうかを確認する方法？

Question

I持って7シンプル選択ボックス：ALL選択ボックスは、デフォルトのオプションではなく選択した何かを持っている場合

<select> 
    <option selected disabled>choose something</option> 
    <option>some text</option> 
    <option>some more text</option> 
    <option>and more and more</option> 
</select> 

<select> 
    <option selected disabled>choose something</option> 
    <option>some text</option> 
    <option>some more text</option> 
    <option>and more and more</option> 
</select> 

<select> 
    <option selected disabled>choose something</option> 
    <option>some text</option> 
    <option>some more text</option> 
    <option>and more and more</option> 
</select> 

<select> 
    <option selected disabled>choose something</option> 
    <option>some text</option> 
    <option>some more text</option> 
    <option>and more and more</option> 
</select> 

はどうすれば確認できますか？

Answer 1

長さ== 0の場合、デフォルトの要素が選択されていない場合、無効になっている選択されたオプションを見つけることができます。

if($('option[disabled]:selected').length == 0){ 
    // ALL the select boxes have something selected rather than the default option 
} 

Answer 2

これを試してください。 selectの値を取得し、ヌルかどうかをチェックし、ヌルの場合はカウントをインクリメントします。

$(function(){ 
 
    $('#btn').click(function(){ 
 
    var count = 0; 
 

 
    $('select').each(function(){ 
 
     
 
    if($(this).val() != null){ 
 
     count ++; 
 
    } 
 
     
 
    }) 
 
    if(count == 4) { 
 
     console.log('all selected'); 
 
    } 
 
    }) 
 
    
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select> 
 
    <option selected disabled>choose something</option> 
 
    <option>some text</option> 
 
    <option>some more text</option> 
 
    <option>and more and more</option> 
 
</select> 
 

 
<select> 
 
    <option selected disabled>choose something</option> 
 
    <option>some text</option> 
 
    <option>some more text</option> 
 
    <option>and more and more</option> 
 
</select> 
 

 
<select> 
 
    <option selected disabled>choose something</option> 
 
    <option>some text</option> 
 
    <option>some more text</option> 
 
    <option>and more and more</option> 
 
</select> 
 

 
<select> 
 
    <option selected disabled>choose something</option> 
 
    <option>some text</option> 
 
    <option>some more text</option> 
 
    <option>and more and more</option> 
 
</select> 
 

 
<button id="btn">Check</button>