Problem z onlick checkbox

Question

Witam, mam problem. Mam taki kod:

			<label><input type="checkbox" name="slider1" value="1">Wyświetlanie</label>
			<label><input type="checkbox" name="slider2" value="2" onclick="this.form.elements[\'slider1\'].checked = this.form.elements[\'slider1\'].disabled = this.checked">Dodawanie</label>
			<label><input type="checkbox" name="slider3" value="4" onclick="this.form.elements[\'slider1\'].checked = this.form.elements[\'slider1\'].disabled = this.checked">Edytowanie</label><br>	

I działa on poprawnie - gdzy zaznaczę polę wyższego typu to domyślnie zaznacza się polę pierwsze i dezaktywuję, lecz chciałbym, aby po zaznaczeniu pola 2 lub 3 polę pierwszę się zaznaczyło i dezaktywowało, a po odznaczeniu pola 2 lub 3 tylko dezaktywowało. 

Jak to zrobić?

Answer 1

Javascript i onclick dla każdego checkboxa. Jako parametr funkcji która będzie odznaczała resztę możesz dać numer klikniętego checkboxa.

Answer 2

http://jsfiddle.net/Comandeer/m4xvydff/ → coś takiego?

Nie używa się click na checkboxach - od tego jest change

Comments

Dzięki za pomoc. Nie dokońca mi o to chodziło, ale poradziłem sobię w ten sposób: 

<script>
function checkbox(name) {
	var name2 = name.replace(/[0-9]/g, '');		
		if($("input[name*="+name+"]").is(':checked')){
	$("input[name*="+name2+"1]").prop( "checked", true );
	$("input[name*="+name2+"1]").prop( "disabled", true );
	} else {
	$("input[name*="+name2+"1]").prop( "disabled", false );	
	}	
}
</script>
			<label><input type="checkbox" name="slider1" value="1">Wyświetlanie</label>
			<label><input type="checkbox" name="slider2" value="2" onchange="checkbox(\'slider2\')">Dodawanie</label>
			<label><input type="checkbox" name="slider3" value="4" onchange="checkbox(\'slider3\')">Edytowanie</label><br>