如何从第一个未隐藏的复选框中获取值

Question

我需要从未隐藏的复选框中获取值。

这是我的HTML＆amp; 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

尝试 - http://jsfiddle.net/xgQVG/6/

$(document).ready(function(){

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

    alert(maanu);

});

Answer 3

这很有效，而且很容易阅读和理解：

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

Answer 4

看看这个答案。我想它可以帮助你回答你的问题 jQuery If DIV Doesn't Have Class "x"

Answer 5

这有效：

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

更新了fiddle。