JSFiddle - React, Tailwind, and code Playground
HTML
<p><input id="all" type="checkbox"> Полная версия</p>
<p><input class="disabled test test" type="checkbox"></p>
<p><input class="disabled test" type="checkbox"></p>
<p><input class="test disabled" type="checkbox"></p>
<p><input class="disabled" type="checkbox"></p>
<p><input class="disabled" type="checkbox"></p>
<p><input class="disabled" type="checkbox"></p>
JavaScript
document.getElementById("all").onclick = function(){
var elems = document.getElementsByTagName("input");
for(var i=0;i < elems.length;i++){
if(elems[i].type == "checkbox"
&& elems[i] != this
&& elems[i].className.split(" ").in_array("disabled")){
if(this.checked){
elems[i].checked = true;
elems[i].disabled = true;
}else{
elems[i].checked = false;
elems[i].disabled = false;
}
}
}
}
Array.prototype.in_array = function(name) {
for(var i = 0; i < this.length; i++) {
if(this[i] == name) {
return true;
}
}
return false;
}