Disable all controls on the page except the controls in a separate div using jquery

Question

I want to disable all controls on a page using jquery, except for the controls contained in a specific div.

 $('input,select,textarea,div:not("#viewNotice")').attr('disabled', 'disabled');

I tried using the above selector, but it does not work well. Here I will turn off all controls input, select and textarealeaving a viewNotive div .

Note: In the viewNotice div, I have a JqGrid. I do not want to disable jqgrid.

Answer 1

Instead, you should use something like a modal layer. That would be much easier in many ways. However, you can try the following:

$(':input').not('#viewNotice :input').attr('disabled', true);

, , div, viewNotice ( ). (. jQuery selector API :input) , #viewNotice .

Answer 2

http://www.jsfiddle.net/Z2wYn/

.