Disable all form elements except particular class

Question

I'm new to JQuery. I need to disable all from elements except with this class custom_specialcase.

Thanks

<div>
<button>B1</button><br>
<button class="custom_specialcase">B2</button><br>
<input type="checkbox" class="custom_specialcase"/>Checkbox1<br>
<input type="checkbox" />Checkbox2<br>
<input type="radio" class="custom_specialcase"/>Radio1<br>
<input type="radio" />Radio2<br>
<select class="custom_specialcase">Select
<option>1</option>
<option>1</option>
</select>
<select >
<option>2</option>
<option>2</option>
</select>
</div>

score 4 · Accepted Answer · answered Nov 12 '16 at 07:42

4

You can use selector "input, select, button" at call to jQuery(), .not() with selector ".custom_specialcase", .attr(), set disabled attribute to "disabled" at .ready() handler

$(function() {
  jQuery("input, select, button")
  .not(".custom_specialcase").attr("disabled", "disabled")
})

answered Nov 12 '16 at 07:42

guest271314

1
15
104
177

If this is the case how i can do? – Srinivas Sarda Nov 12 '16 at 10:12
Include `"td"` or other element that should be excluded at call to `jQuery("input, select, button, table td")` – guest271314 Nov 12 '16 at 10:15
not wokring $(function() { jQuery("input, select, button table td") .not(".custom_specialcase").attr("disabled", "disabled") }) – Srinivas Sarda Nov 12 '16 at 10:18
Just noticed. Why do you want to disable a `td` element? Can you describe "not working"? – guest271314 Nov 12 '16 at 10:19
in this case this code making both buttons disable . Sometimes class name will be on td tag not in form element. – Srinivas Sarda Nov 12 '16 at 10:22
Include descendant selector at `.not()` `.not(".custom_specialcase,.custom_specialcase > *")` https://jsfiddle.net/3fg9gg4x/ – guest271314 Nov 12 '16 at 10:28
Perfect..Thanks . – Srinivas Sarda Nov 12 '16 at 10:38
this works for me but how do I include hyperlinks (href) to be disabled too? – Jorz Jan 17 '18 at 02:49
@Jorz You can use `event.preventDefault()` at an attached `click` handler. See also https://stackoverflow.com/questions/10276133/how-to-disable-html-links – guest271314 Jan 17 '18 at 02:59

Disable all form elements except particular class

1 Answers1