[jQuery] visualizzare valore di un checkbox a partire da id passato?

[the-bit]

Salve a tutti,
ho delle checkbox di questo tipo

<input type="checkbox" name="campi[campo1]" id="campo1" value="12" onClick="mostra('campo1');" />campo 1
<input type="checkbox" name="campi[campo2]" id="campo2" value="10" onClick="mostra('campo2');" />campo 2
<input type="checkbox" name="campi[campo3]" id="campo3" value="40" onClick="mostra('campo3');" />campo 3

e il relativo codice js che dovrebbe semplicemente stampare in un'alert il valore del "value", che però non mi funziona:

function mostra($id)
{
	var valore = $id.val();;
	alert("valore: " +valore);
}

dove sbaglio?

EDIT: in realtà ci sono riuscito, mettendo valore = document.getElementById($id).value;
Ora, però, il problema è che vorrei mostrare o nascondere una div a seconda che la checkbox sia seleziona o meno. Ma non so come fare.

[the-bit]

Ci sono quasi.
L'unico problema che sto incontrando è riuscire a sapere tramite JS o jquery se un checkbox è spuntato oppure no.
Mi basta questo e dovrei aver risolto.

[longilineo]

in jquery i selettori hanno la seguente sintassi

$(selettore)

Dove selettore è una stringa o un oggetto o una variabile che contiene una stringa.

Nel caso delle stringhe o di variabili che contengono stringhe basta passare la stringa tra virgolette, per il resto la sintassi è uguale a quella utilizzata per css.

In css il selettore per id sarebbe nella forma #campo1 per la prima checkbox.

Quindi in jquery dovresti avere qualcosa del tipo:

$("#campo1").

Dunque nel tuo esempio:

onClick="mostra('#campo1');

function mostra(id) { 
    var valore = $(id).val();
   alert("valore: " +valore); 
}

A dirla tutta puoi benissimo fare a meno di sporcare la parte html con la gestione dell'onclick.

Potresti ad esempio settare l'attributo class delle checkbox a campi

<input type="checkbox" name="campi[campo1]" id="campo1" value="12" class="campi" />campo 1
<input type="checkbox" name="campi[campo2]" id="campo2" value="10" class="campi"  />campo 2
<input type="checkbox" name="campi[campo3]" id="campo3" value="40" class="campi"  />campo 3

e in jquery fare:

$(".campi").click(function(){
    alert($(this).val());
})

[cavicchiandrea]

<input type="checkbox" name="campi[campo1]" id="campo1" value="12" onClick="mostra(this);" />campo 1

function mostra(box)
{
if(box.checked){//box.checked equivale a true anteponendo ! diventa false
alert("valore: " +box.value);
}
}

[longilineo]

per completezza in jquery puoi usare .is(":checked")

$(".campi").click(function(){
    if($(this).is(":checked"))
        alert($(this).val());
})

[the-bit]

Ringrazio entrambi: le vostre soluzioni tutte valide. Le provo tutte e due.
Ancora grazie.

[mxa]

Da quello che dicono nella documentazione questo e' un caso in cui sarebbe consigliabile usare prop() oppure is() come gia' detto: http://api.jquery.com/prop/