Question

I want to select all editable form elements (input[type=text], input[type="radio"], input[type="checkbox"], select and textarea) that are not readonly or disabled and have a name. Is it possible to do it with a single selector without repeating the readonly and disabled attributes for each type?

In other words, can I provide [name]:not([disabled]):not([readonly]) as a global filter, instead of repeating for each input type?

I am particularly interested in a single selector because, I want to give it as selector filter to $.live / $.on. I cannot use .not or any such methods because elements could be added dynamically.

Answer 1

$('input[type="text"], input[type="radio"], input[type="checkbox"], select, textarea')
     .is(':not([disabled]):not([readonly])');

I found out this nice solution which seems to work.

$('(input[type="text"], input[type="radio"], input[type="checkbox"], select, textarea):not([disabled]):not([readonly])')

Basicly it seems you can add () around the selects and then do a :not() condition. God I love jQuery!