如何從未隱藏的第一個複選框獲取值

Question

我需要從未隱藏的複選框中獲取值。

這裏是我的HTML & jQuery代碼

$(document).ready(function() { 
 

 
    var maanu = $('.form').find('input[type=checkbox]:checked').filter(':first').val(); 
 

 
    alert(maanu); 
 

 
});

.hide { 
 
    display: none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class='form'> 
 
    <input class="bills hide" type="checkbox" value="01" checked="checked" /> 
 
    <br /> 
 
    <input class="bills" type="checkbox" value="02" /> 
 
    <br /> 
 
    <input class="bills" type="checkbox" value="03" checked="checked" /> 
 
    <br /> 
 
    <input class="bills " type="checkbox" value="04" checked="checked" /> 
 
    <br /> 
 
    <input class="bills " type="checkbox" value="05" /> 
 
    <br /> 
 
    <input class="bills " type="checkbox" value="06" /> 
 
    <br /> 
 
    <input class="bills " type="checkbox" value="07" /> 
 
    <br /> 
 
    <input class="bills " type="checkbox" value="08" /> 
 
    <br /> 
 
</div>

DEMO

Answer 1

使用:visible選擇：

$('input:checkbox:checked:visible:first').val(); 

Answer 2

這個工作，是非常容易閱讀和理解：

$('input').not('.hide').first().val(); 

Answer 3

嘗試 - http://jsfiddle.net/xgQVG/6/

$(document).ready(function(){ 

    var maanu = $('.form').find('input[type=checkbox]:checked:not(:hidden)').filter(':first').val(); 

    alert(maanu); 

}); 

Answer 4

這工作：

$('.form').find('input[type=checkbox]:checked').not('.hide').filter(':first').val(); 

更新fiddle。

Answer 5

看看這個答案。我認爲它可以幫助你回答你的問題 jQuery If DIV Doesn't Have Class "x"