Bonjour,
Je cherche à programmer une base de donnée de choix de certaines options, mais je rencontre un petit soucis.
Je code en Grails (et donc HTML, CSS et javascript pour les vues)
Je pioche donc dans ma base de données pour récupérer des "choix" et j'y mets des check box dans un bloc dépliable.
Cependant je voudrais créer une exclusivité sur les checkbox de même class, ce que j'avais réussi lorsque mes choix étaient hors bloc dépliable, mais plus depuis qu'ils sont dans le bloc.
Pouvez vous m'aidez ?
voilà le script que j'utilisais pour l'exclusivité des choix :
<script type="text/javascript">
$(document).ready(function() {
$(".P1").click(function() {
$(".P1").attr('checked', false);
$(this).attr('checked', true);
})
});
</script>
Et le code global de ma page avec l'empilement des classes.
<%--<%@ page import="choixmodule.Module"%>--%>
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="${resource(dir: 'css', file: 'choix.css')}"
type="text/css">
<script src="${resource(dir: 'js', file: 'choix.jsp')}"
type="text/javascript" />
<g:set var="entityName"
value="${message(code: 'module.label', default: 'Module')}" />
<title><g:message code="default.choix.label" args="[entityName]" /></title>
<g:javascript library="jquery" />
<script type="text/javascript">
$(document).ready(function() {
$(".P1").click(function() {
$(".P1").attr('checked', false);
$(this).attr('checked', true);
})
});
</script>
</head>
<body>
<div class="page">
<div class="banniere"></div>
<div class="welcomeMessage">
<h1>
Bienvenue
${eleveInstance.prenom}
${eleveInstance.nom}
</h1>
</div>
<form method="post" action="check">
<g:hiddenField name="num" value="${eleveInstance?.id}" />
<p class="bouton">
<input type="submit" value="check" name="check" />
</p>
</form>
<div class="block_titre">Séquence 1</div>
<div class="dhtmlgoodies_answer">
<div>
<table>
<thead>
<tr>
<th width="250"></th>
<th class="checky" width="100">Choix P1</th>
<th class="checky" width="100">Choix P2</th>
</tr>
</thead>
<tbody>
<g:each in="${modules}" var="m" status="i">
<tr>
<td width="250">
${m.nom}
</td>
<td class="check1" width="100"><g:checkBox class="P1"
type="checkbox" name="${m.nom}P1" /></td>
<td class="check2" width="100"><g:checkBox class="P2"
type="checkbox" name="${m.nom}P2" /></td>
</tr>
</g:each>
</tbody>
</table>
</div>
</div>
<div class="block_titre">Séquence 2</div>
<div class="dhtmlgoodies_answer">
<div>Contenu Séquence 2</div>
</div>
<div class="block_titre">Séquence 3</div>
<div class="dhtmlgoodies_answer">
<div>Contenu Séquence 3</div>
</div>
<div class="block_titre">Séquence 4</div>
<div class="dhtmlgoodies_answer">
<div>Contenu Séquence 4</div>
</div>
<div class="block_titre">Préférences</div>
<div class="dhtmlgoodies_answer">
<div>Contenu préférences</div>
</div>
</div>
</div>
</body>
</html>
Merci d'avance
Afficher la suite