Ajouter du javascript à une page .jsf

**rachida90** · 02/02/2014, 16h27

salut tout le monde,j'ai déjà posté ce message dans le forum de jsf mais jusqu'à maintenant j'ai pas reçu de solution à mon problème.
je veux que mes checkboxs auront la même utilisation que les radioButtons en utilisant javaScript ,pouvez me dire si mon code javaScript est correcte ,merci d'avance.
ma page jsf:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
40
41
42
43
44
45
46
47
48
49
50
51
52
 
<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
		xmlns:f="http://java.sun.com/jsf/core" 
		xmlns:h="http://java.sun.com/jsf/html" 
		xmlns:p="http://primefaces.org/ui"
		xmlns:ui="http://java.sun.com/jsf/facelets"
		xmlns:c="http://java.sun.com/jsp/jstl/core">
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Insert title here</title>
<script >
$("selectBooleanCheckbox").onchange(function() {
 
    if ($(this).is(":checked")) {
        var group = "selectBooleanCheckbox[name='" + $(this).attr("name") + "']";
        $(group).prop("checked", false);
        $(this).prop("checked", true);
    } else {
        $(this).prop("checked", false);
    }
});
</script>
</h:head>
 
 
	<h:body>
 
							<!-- ENTETE -->
	<form >
<p:selectBooleanCheckbox name="A">1
    				</p:selectBooleanCheckbox>
<p:selectBooleanCheckbox name="A">2
    				</p:selectBooleanCheckbox>
<p:selectBooleanCheckbox name="A">3
    				</p:selectBooleanCheckbox>
<p:selectBooleanCheckbox name="A">4
    				</p:selectBooleanCheckbox>
<p:selectBooleanCheckbox name="B">1
    				</p:selectBooleanCheckbox>
<p:selectBooleanCheckbox name="B">2
    				</p:selectBooleanCheckbox>
<p:selectBooleanCheckbox name="B">3
    				</p:selectBooleanCheckbox>
<p:selectBooleanCheckbox name="B">4
    				</p:selectBooleanCheckbox>
 
</h:form>
 
</h:body>
</html>

**NoSmoking** · 02/02/2014, 17h50

Bonjour,

je veux que mes checkboxs auront la même utilisation que les radioButtons...

pourquoi ne pas mettre dans ce cas des INPUTs type="radio" !?!

Si tu utilises la librairie jQuery, quand est ce que tu la charges ?

Dernier point et pas des moindres

Les règles incontournables d'utilisation de ce forum

**rachida90** · 02/02/2014, 18h40

j'ai essayé avec input type="checkbox" mais les checkboxs restent non controlés,bon j'ai fait ce qui est sur http://jsfiddle.net/pratik136/zGEaa/ mais je ne sais pas pourquoi ne marche pas pour moi,est ce que je dois ajouter quelque chose dans la balise script!

**NoSmoking** · 02/02/2014, 19h09

Envoyé par rappel

Si tu utilises la librairie jQuery, quand est ce que tu la charges ?

il ne suffit pas d'utiliser un outils il fut savoir en récupérer les bonnes infos

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>- jsFiddle -</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(window).load(function(){
  $("input:checkbox").click(function() {
      if ($(this).is(":checked")) {
          var group = "input:checkbox[name='" + $(this).attr("name") + "']";
          $(group).prop("checked", false);
          $(this).prop("checked", true);
      } else {
          $(this).prop("checked", false);
      }
  });
});
</script>
</head>
<body>
  <input type="checkbox" class="radio" value="1" name="fooby[1][]" />
  <input type="checkbox" class="radio" value="1" name="fooby[1][]" />
  <input type="checkbox" class="radio" value="1" name="fooby[1][]" />
  <p>&nbsp;</p>
  <input type="checkbox" class="radio" value="1" name="fooby[2][]" />
  <input type="checkbox" class="radio" value="1" name="fooby[2][]" />
  <input type="checkbox" class="radio" value="1" name="fooby[2][]" />
</html>

avec intégration de la librairie

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<script src="http://code.jquery.com/jquery-latest.js"></script>

**rachida90** · 02/02/2014, 19h40

mercii NoSmoking le problème est résolu

Ajouter du javascript à une page .jsf

jQuery

Vue hybride

Discussions similaires

Partager

Partager