projetHTML/test.html at master · ussef0007/projetHTML · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script type="text/javascript" src="jquery-1.12.2.min.js"></script>
</head>
<body>
<form>
	<label><input name="test" type="checkbox" value="c++"/> C++</label>
	<label><input name="test" type="checkbox" value="c#"/> C#</label>
	<label><input name="test" type="checkbox" value="java"/> Java</label>
	<label><input name="test" type="checkbox" value="javascript"/> Javascript</label>
	<label><input name="test" type="checkbox" value="html"/> HTML</label>
	<label><input name="test" type="checkbox" value="pascal"/> PASCAL</label>
	<input type="button" value="Tester" id="btn"/>
</form>
<script type="text/javascript">
	$('#btn').click(function() {
		var checked = $('input[name=test]:checked');
		var indexDernier = checked.length - 1;
		var str = '';
		for (var n = 0; n < checked.length; ++n) {
			var val = checked[n].value;
			if (n == 0) {
				str += val;
			}
			else if (n == indexDernier) {
				str += ' et ' + val;
			}
			else {
				str += ', ' + val;
			}
		}

		document.write(str);
	});
</script>
</body>
</html>