Question: I've stacked some input text fields, drop downs, radio gruop inside a DIV. Now how do I check if all text fields, radio groups and dropdowns inside this DIV have some value?

I've created a simple mockup in [JSFiddle](http://jsfiddle.net/tq3jL2d6/1/)

jQ:

```
$("#continue_btn").click(function(){
    if($('#myForm input:text[value=""]').length > 0){
      alert("yes");
    } else {
      alert("no")
    }
}

```

Answer: 
The main difficulty here is radio buttons which you need to check separately. Try something like this:

```
var $form = $('#myForm');

$("#continue_btn").click(function () {

    var $radio = $form.find(':radio:checked');

    var hasEmpty = $.grep($form.serializeArray(), function(el) {
        return !$.trim(el.value);
    }).length || $radio.length == 0;

    if (hasEmpty) {
        alert("yes");
    } else {
        alert("no")
    }
});

```

### Demo: <http://jsfiddle.net/tq3jL2d6/9/>

Note, that for this demo I improved HTML a little:

1. wrapped everything with `form` tag, since you deal with form
2. added name attributes to all form elements
3. added placeholder attributes.
You can use filter function which can filter every value in form like this

```
$("#continue_btn").click(function(){
   var anyFieldIsEmpty = $("#myForm input,select").filter(function() {
       return $.trim(this.value).length === 0;
   }).length > 0;
   if(anyFieldIsEmpty){
      alert("yes");
   } else {
      alert("no")
   }

```

});

you can select multiple form elements like i have done input,select,textarea etc..

[FIDDLE DEMO](http://jsfiddle.net/tq3jL2d6/5/)