Question

165

How to get value from the first checkbox which is not hidden

rated 0 times [ 167] [ 2] / answers: 1 / hits: 15871 / 12 Years ago, mon, june 18, 2012, 12:00:00

I need to get the value from a checkbox which is not hidden.

Here is my HTML & JQuery code

$(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

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

daren

Add To Favorites

Follow

Total Points: 577

Total Questions: 114

Total Answers: 120

Location: Malaysia

Member since Fri, Dec 3, 2021

2 Years ago

answered 12 Years ago mckenna · Accepted Answer

Use the :visible selector:

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