5

非表示ではないチェックボックスから値を取得する必要があります。

ここに私の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>

デモ

4

5 に答える 5

20

:visibleセレクターを使用します。

$('input:checkbox:checked:visible:first').val();
于 2012-06-18T14:28:49.157 に答える
2

試してください - http://jsfiddle.net/xgQVG/6/

$(document).ready(function(){

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

    alert(maanu);

});
于 2012-06-18T14:28:37.193 に答える
1

これは機能し、非常に読みやすく理解しやすいものです。

$('input').not('.hide').first().val();
于 2012-06-18T14:27:58.457 に答える
1

この回答を確認してください。jQuery If DIV does not have Class "x"という質問に答えるのに役立つと思います

于 2012-06-18T14:29:57.373 に答える
0

これは機能します：

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

フィドルを更新しました。

于 2012-06-18T14:29:37.010 に答える