jQuery checkbox non trovo soluzioni

**zorech** · 22-07-2012, 13:18

Ciao a tutti, ho difficoltà in una parte di php-jquery e, vedendo che questo problema l'avete già affrontato vorrei darvi il mio file php pregandovi di aiutarmi.
mostro lo script:

<?php
session_start();
require('connessionedb.php');
echo "<style type=\"text/css\">

ul {
list-style: disc url(doc.gif);
margin:0;padding:0 2em;
font: 10px verdana, helvetica, sans-serif;
}

li.menu {
list-style: square url(cartellachiusa.gif);
margin:2;padding:0 2em;
font: 11px verdana, helvetica, sans-serif;
}
</style>

<script type=\"text/javascript\">

function mmenu(mID) {
var menu = document.getElementById(mID);
var display = menu.style.display;
menu.style.display = (display == \"block\") ? \"none\" : \"block\";
menu.parentNode.style.listStyleImage = (display == \"block\") ? \"url(cartellachiusa.gif)\" : \"url(cartellaaperta.gif)\";
}

window.onload = function() {
var uls = document.getElementsByTagName(\"ul\");
for (i=0;i<uls.length;i++) {
if(uls[i].className==\"submenu\")uls[i].style.display = \"none\";
}

}
</script>";

?>

<link href="../style.css" rel="stylesheet" type="text/css" />

<?php

/* ##### QUERY PER LA RICERCA ########################################### */

$query = "SELECT * FROM regione ORDER BY regioni_id";

$result = mysql_query($query)
or die ("Errore nella selezione del database che cerca le regioni. Verificare i parametri nel file config.inc.php");

while($row = mysql_fetch_assoc($result)) {

echo "<li class=\"menu\"><a href=\"java-script:mmenu('submenu-$row[codice_regione]')\"> <input type=\"checkbox\" name=\"regioni[]\" value=\"$row[codice_regione]\">$row[regione]</a>,";

$query1 = "SELECT * FROM provincie WHERE regione LIKE '$row[codice_regione]' ORDER BY id_provincie";

$result1 = mysql_query($query1)
or die ("Errore nella selezione del database che cerca le provincie".mysql_error());

echo "<ul class=\"submenu\" id=\"submenu-$row[codice_regione]\">";

while($row1 = mysql_fetch_array($result1)) {

echo "[*] <input type=\"checkbox\" name=\"provincie[]\" value=\"$row1[sigla_provincia]\" > $row1[sigla_provincia] - $row1[provincia]";

}

echo "[/list]";

}

echo "

";

?>

Ecco....sicuramente avrai capito che questo script crea una lista di checkbox che si chiama "regioni" e cliccando su "regioni" ti apre un submenu con la lista di checkbox che comprendono tutte le provincie di quella regione.

"figura" "Checkbox" "Sicilia"
"submenu" "checkbox" "trapani"
"submenu" "checkbox" "palermo"
ecc...

Il mio problema è che, quando seleziono la regione, vorrei che tutte le provincie diventino anche selezionate....e inversamente quando deseleziono.
Mi potete aiutare con il jquery? ne ho trovato un po ma non riesco a selezionare le provincie.

do anche un link per farti vedere come vorrei che funzionasse realmente:

http://mycarlo.altervista.org/js/checkbox.php

ne sarei grato perchè ho veramente urgenza di consegnarlo e non trovo la soluzione.

Grazie

**cavicchiandrea** · 22-07-2012, 19:43

A) Di jquery non ne vedo.
B) Non è una cosa semplice da fare
Consiglio inizia col studiarti jquery (e ajax che secondo ne avrai bisogno) e a sviluppare il codice, altrimenti la vedo dura.

**mrk1989** · 22-07-2012, 21:08

Se è cosi...
Questo è il codice completo del sito da te postato...
Studiarlo un poco XD....

<!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" xml:lang="it-IT" lang="it-IT">
<head>
<meta http-equiv="Content-Type" content="text/plain; charset=utf-8" />
<title>JavaScripter</title>
<script type="text/javascript">
/* <![CDATA[ */
function checkBox(id, cbs) {
var cmd = document.getElementById(id) || document.all[id], n = cbs.length;
cmd.onclick = function() {
var status = this.checked;
for(var i = 0; i < n; i++) {
cbs[i].checked = status;
}
};
for(var i = 0; i < n; i++) {
cbs[i].onclick = function() {
var x = 0;
for(var j = 0; j < cbs.length; j++) {
if(cbs[j].checked) {
x += 1;
}
}
cmd.checked = (x == cbs.length) ? true : false;
};
}
}
window.onload = function() {
checkBox('c', document.forms.lol.a);
};
/* ]]> */
</script>
<style type="text/css">
/* <![CDATA[ */
/* ]]> */
</style>
</head>
<body>
<form name="lol">
<input type="checkbox" id="c" /><label for="c">Cliccami</label>

<input type="checkbox" name="a" />

<input type="checkbox" name="a" />

<input type="checkbox" name="a" />

<input type="checkbox" name="a" />

<input type="checkbox" name="a" />

<input type="checkbox" name="a" />

<input type="checkbox" name="a" />

<input type="checkbox" name="a" />

<input type="checkbox" name="a" />

<input type="checkbox" name="a" />

Torna in JavaScripter</body>
</html>

**zorech** · 22-07-2012, 22:57

Originariamente inviato da cavicchiandrea
A) Di jquery non ne vedo.
B) Non è una cosa semplice da fare
Consiglio inizia col studiarti jquery (e ajax che secondo ne avrai bisogno) e a sviluppare il codice, altrimenti la vedo dura.

come jquery ho utilizzato questo codice:

$(document).ready(function(){

$("ul input:checkbox").click(function(){
$(this).parent('li').find('ul').provincie('li').pr ovincie('input').attr("checked",true);
});
});

ma non funziona....e non trovo l'errore.... penso che non riesco ad allacciare le checkbox delle provincie...

**zorech** · 22-07-2012, 23:02

Originariamente inviato da mrk1989
Se è cosi...
Questo è il codice completo del sito da te postato...
Studiarlo un poco XD....

Il codice immaginavo contenesse un form....
ma nel mio codice non sono presenti ne form e neanche pulsanti "seleziona tutti"...., (altrimenti era già fatto) .......non riesco a trovare dove fare la modifica o per meglio dire non riesco a collegare le checkbox delle provincie al checkbox della regione di appartenenza dove ho cliccato.

Ringrazio anticipatamente per la disponibilità.

**cavicchiandrea** · 22-07-2012, 23:43

Originariamente inviato da zorech
come jquery ho utilizzato questo codice:

$(document).ready(function(){

$("ul input:checkbox").click(function(){
$(this).parent('li').find('ul').provincie('li').pr ovincie('input').attr("checked",true);
});
});

ma non funziona....e non trovo l'errore.... penso che non riesco ad allacciare le checkbox delle provincie...

.provincie(....) cosa dovrebbero essere? Non ancora capito se le provincie le carichi contestualmente alle regioni se è cosi forse una strada potrebbe essere costruire delle Array, comunque non credo (per quanto leggo) tu abbia le basi per svilupparlo, ma forse mi sbaglio

**zorech** · 23-07-2012, 00:01

Originariamente inviato da cavicchiandrea
.provincie(....) cosa dovrebbero essere? Non ancora capito se le provincie le carichi contestualmente alle regioni se è cosi forse una strada potrebbe essere costruire delle Array, comunque non credo (per quanto leggo) tu abbia le basi per svilupparlo, ma forse mi sbaglio

Allora....come scritto sopra, ho un database SQL che contiene una tabella con l'elenco delle regioni, ed una tabella con l'elenco delle provincie.
tramite query estraggo una lista di checkbox con le regioni...
cliccando sul nome della regione mi spuntano le liste di checkbox con le provincie di appartenenza.... e fin qui dovrebbe essere tutto chiaro ed è presente anche il codice per intero al post iniziale.

Adesso io vorrei fare in modo che selezionando il checkbox della regione, si selezionano tutte le checkbox della provincia....un compito molto facile a dirsi...ma nessun risultato.

questa jqueri che ho presentato speravo mi facesse questo lavoro.... e la function in javascript presente qualke post indietro potrebbe andare pure....ma non riesco ad associarlo al mio codice.
Grazie cavicchiandrea.

**Vindav** · 23-07-2012, 09:44

posta il codice html che arriva al browser

**zorech** · 23-07-2012, 14:06

Originariamente inviato da Vindav
posta il codice html che arriva al browser

Il codice che ho e' quello all' inizio della discussione.... da quello devo ricavare il mio compito in javascript o jquery. Non riesco a capire cosa vi manca che mi avete chiesto tre volte il codice.
Quello che ho postato e' unico e tutto per intero... manca solo di aggiustare le 2 prove che sono figurate su questa discussione.
Attendo fiducioso.
Grazie ler il vostro lavoro.

**cavicchiandrea** · 23-07-2012, 15:58

Originariamente inviato da zorech
Il codice che ho e' quello all' inizio della discussione.... da quello devo ricavare il mio compito in javascript o jquery. Non riesco a capire cosa vi manca che mi avete chiesto tre volte il codice.
Quello che ho postato e' unico e tutto per intero... manca solo di aggiustare le 2 prove che sono figurate su questa discussione.
Attendo fiducioso.
Grazie ler il vostro lavoro.

Compito

Io invece che attendere studierei

Discussione: jQuery checkbox non trovo soluzioni

Strumenti discussione

Ricerca discussione

Visualizza

jQuery checkbox non trovo soluzioni

Beh......

Re: Beh......

Permessi di invio