jQuery selectors - Skipping certain input

Question

I have the following function for clearing input forms:

function clearForm(form) {
  $(':input', form).each(function() {
    var type = this.type;
    var tag = this.tagName.toLowerCase();

    if (type == 'text' || type == 'password' || tag == 'textarea')
      this.value = "";
    else if (type == 'checkbox' || type == 'radio')
      this.checked = false;
    else if (tag == 'select')
      this.selectedIndex = -1;
  });
};

Is there any way I can stop it from clearing inputs which are 'hidden'?

Thanks in advance.

BoltClock · Accepted Answer · 2011-07-28 09:24:25Z

3

Sure, instead of

$(':input', form)

Use

$(':input:visible', form)

answered Jul 28, 2011 at 9:24

BoltClock

728k165 gold badges1.4k silver badges1.4k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Thor Jacobsen · Accepted Answer · 2011-07-28 09:27:23Z

0

$(':input:visible', form).each(...

answered Jul 28, 2011 at 9:27

Thor Jacobsen

8,8992 gold badges30 silver badges26 bronze badges

Comments

Ariel · Accepted Answer · 2011-07-28 09:31:53Z

0

$(':input:visible').val([])

You don't need any of the code in the each function, the single line above will do it.

answered Jul 28, 2011 at 9:31

Ariel

26.8k5 gold badges62 silver badges71 bronze badges

Collectives™ on Stack Overflow

jQuery selectors - Skipping certain input

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related