Salve a tutti. Spiego brevemente il mio problema.
Vorrei creare un sistema di gestione di un FORM di inserimento di alcuni criteri di ricerca.
Vi posto il mio FORM. In fondo le richieste e le problematiche.
codice:
<form name="RicercaAvanzata" method= "post">
				<fieldset id="FSCategoria">
						<div id="stileselezionatutto"> 
						<div id="selezionatutto"> 
							<fieldset id="SELDESEL"style="background-color: #d0e0eb;"> 
								<input type="button" onclick="SelezTTCat();" value="Seleziona tutto" style="font-family : 'Source Code Pro', Verdana, Arial; font-size: 15px; font-style: regular; letter-spacing:1px; float: left; width: auto; margin-left:5px;"/> 
								<input type="reset" value="Deseleziona tutto" style="font-family : 'Source Code Pro', Verdana, Arial; font-size: 15px; font-style: regular; letter-spacing:1px; float: left; width: auto; margin-left:5px;"/>
							</fieldset> 
						</div>  
						</div>
					<legend>
						<h2 style= 'color: SteelBlue'> Categorie </h2>
					</legend> 
				
					<div id="stilescelta"><input type="checkbox" name="Categorie[]" value="1" />   Annotazioni PDF </div>
					<div id="stilescelta"><input type="checkbox" name="Categorie[]" value="2" />  Condivisione </div>
					<div id="stilescelta"><input type="checkbox" name="Categorie[]" value="3"/>  e-Book e Audiolibri </div> 
					<div id="stilescelta"><input type="checkbox" name="Categorie[]" value="4"/>  Lingue Straniere </div>
					<div id="stilescelta"><input type="checkbox" name="Categorie[]" value="5"/>  Mappe </div>
					<div id="stilescelta"><input type="checkbox" name="Categorie[]" value="6" />  Matematica </div> 
					<div id="stilescelta"><input type="checkbox" name="Categorie[]" value="7"/>  Note </div>
					<div id="stilescelta"><input type="checkbox" name="Categorie[]" value="8"/>  OCR </div> 
					<div id="stilescelta"><input type="checkbox" name="Categorie[]" value="9"/>  Riconoscimento Vocale </div>
					<div id="stilescelta"><input type="checkbox" name="Categorie[]" value="10"/>  Scrittua </div> 
					<div id="stilescelta"><input type="checkbox" name="Categorie[]" value="11"/>  Sintesi Vocale </div> 
					<div id="stilescelta"><input type="checkbox" name="Categorie[]" value="12" />  Vari/Altro </div>	
				</fieldset>
				<fieldset name="Device" id="device" Style="margin-left: 20%;  margin-right: 20%; margin-bottom: 30PX;">
						<div id="stileselezionatutto"> 
						<div id="selezionatutto">
							<fieldset id="SELDESEL"style="background-color: #d0e0eb;"> 
								<input type="button" onclick="SelezTTCat();" value="Seleziona tutto" style="font-family : 'Source Code Pro', Verdana, Arial; font-size: 15px; font-style: regular; letter-spacing:1px; float: left; width: auto; margin-left:5px;"/> 
								<input type="reset" value="Deseleziona tutto" style="font-family : 'Source Code Pro', Verdana, Arial; font-size: 15px; font-style: regular; letter-spacing:1px; float: left; width: auto; margin-left:5px;"/>
							</fieldset> 
						</div> 
						</div>
					<legend>
						<h2 style= 'color: SteelBlue'> Device </h2>
					</legend> 


					<div id="stilescelta"><input type="checkbox" name="Devices[]" id="SceltaWeb"  value="1" onclick="GestisciWeb(this)"/>  Web  </div> 
					<div id="stilescelta"><input type="checkbox" name="Devices[]" id="SceltaMobile" value="2" onclick="sistematuttoCosto()"/>  Mobile </div> 
					<div id="stilescelta"><input type="checkbox" name="Devices[]" id="SceltaPC" value="3" onclick="sistematuttoCosto()"/>  PC </div> 
				</fieldset>
				<fieldset name="SO" id="device" Style="margin-left: 20%;  margin-right: 20%; margin-bottom: 30PX;">
						<div id="stileselezionatutto"> 
						<div id="selezionatutto">
							<fieldset id="SELDESEL"style="background-color: #d0e0eb;"> 
								<input type="button" onclick="SelezTTCat();" value="Seleziona tutto" style="font-family : 'Source Code Pro', Verdana, Arial; font-size: 15px; font-style: regular; letter-spacing:1px; float: left; width: auto; margin-left:5px;"/> 
								<input type="reset" value="Deseleziona tutto" style="font-family : 'Source Code Pro', Verdana, Arial; font-size: 15px; font-style: regular; letter-spacing:1px; float: left; width: auto; margin-left:5px;"/>
							</fieldset> 
						</div> 
						</div>
					<legend>
						<h2 style= 'color: SteelBlue'> Sistema Operativo </h2>
					</legend> 


					<div id="stilescelta"><input type="checkbox" name="SOi[]" id="SceltaiOS" value="1" onclick="sistematuttoCosto()"/>  iOS </div> 
					<div id="stilescelta"><input type="checkbox" name="SOi[]" id="SceltaWind" value="2" onclick="sistematuttoCosto()"/>  Windows </div> 
					<div id="stilescelta"><input type="checkbox" name="SOi[]" id="SceltaAnd" value="3" onclick="sistematuttoCosto()"/>  Android </div> 
					<div id="stilescelta"><input type="checkbox" name="SOi[]" id="SceltaLin" value="4" onclick="sistematuttoCosto()"/>  Linux </div> 
					<div id="stilescelta"><input type="checkbox" name="SOi[]" id="SceltaMac" value="5" onclick="sistematuttoCosto()"/>  Mac </div> 
		
				</fieldset>
				
				<input type="submit" value="Avvia ricerca" id="bottone2" onclick="nosemplice()">
				<div id= "bottone3"  onclick="ricercasemplice()";>
					<a id="testobottone" class="ir">
						Ricerca semplice
					</a>
				</div>
			</form>


Come si può dedurre è un FORM che contiene 3 fildset contenenti un criterio di ricerca ognuno (Categoria, DEVICES, SISTEMIOPERATIVI).
Nel caso l'utente selezioni la checkbox "WEB" nel fildest Devices vorrei che le checkbox del fildest "Sistemi operativi" venissero automaticamente gestite con la disattivazione.
Al contrario se l'utente seleziona "PC" vorrei si rendessero selezionabili solo i sistemi operativi dei vari PC (Windows, Linux, MAC) e idem per "Mobile" con l'attivazione di Android e IOS.

Una volta capita la struttura del sistema effettuerei anche gli incroci per le selezioni multiple e incrociate.

Grazie per l'attenzione e grazie in anticipo.