spuntare checkbox on <p> click

[jimbo0]

ho un elenco così strutturato

<li class="check">			<input type="checkbox" value="None" id="check1" onclick="doAwesomeStuff()" checked="" name="check">
	<label for="check1"></label><p onclick="" href="#">real Label</p>
	   </li>

come posso fare in modo che al click su <p> cambi lo stato della checkbox (spuntata/non spuntata)?

[cavicchiandrea]

<label for="check1"></label><p onclick="document.getElementById('check1').checked = (!document.getElementById('check1').checked)? true : false" href="#">real Label</p>

[jimbo0]

grazie, però i <li> sono molti e vorrei evitare di usare getElementById su ogni <p>
c'è modo di sfruttare la struttura dom e fare una cosa tipo

<p onclick="checkatore(this)></p>

function checkatore(p){
var checkbox = p.parent().find('input');
if(checkbox.check==true)
checkbox.check=false
else  checkbox.check=true
}

ho scritto tutto molto rozzo, ma vorrei realizzare una cosa del genere, anche con jquery..

[tampertools]

Ho provato a buttare giù del codice...
http://jsfiddle.net/xej5wtur/embedde...t,js,html,css/

Edit:
Se vuoi jQuery...
http://jsfiddle.net/2zmcc7zg/embedde...t,html,js,css/
(Io comunque preferisco quello in js puro )

[jimbo0]

uhm a funzionare funziona, ma siamo sicuri che per una piccolezza del genere serva tutto quel popò di codice con ciclo? una cosa simile a quella che avevo proposto credo si possa fare in jquery..
sto tentando di mantenere la pagina il più leggero possibile, dato che già deve processare diversi input di svariate centinaia di migliaia di byte..

in ogni caso ho provato il tuo codice, come ho detto funziona, ma, com'è logico che sia, non attiva l'onclick della checkbox, che a me serve

[jimbo0]

ho provato il mio codice..c'è qualcosa che non quadra nel riferimento passato

function checkatore(a){

    $(a).parent().find('input').attr('checked','checked');
	}

______

			<input type="checkbox" value="None" id="check3"onclick="fun()"checked name="check" />
	<label for="check3"></label><a onclick="checkatore(this)" href="#">label</a>

[cavicchiandrea]

Ma la versione jquery di che postato tampertools non ti piace? Ho qualche dubbio che si possa "snellire" ancora e comunque non peso che due righe di codice in più o in meno incidano sulle performance del sito.

[tampertools]

Un altra cosa... se vuoi risparmiare su ogni singolo byte... sei sicuro di voler usate jquery? È un po' Pescantina!

[jimbo0]

volevo solo evitare il ciclo per questa piccolezza, ma va bene così dai
dovrei solo aggiungere un evento click alla checkbox, perché deve spuntarmi la checkbox, ma deve anche attivare la funzione associata a questa doAwesomeStuff(arg)

[Vindav]

il ciclo penso si possa evitare, il codice che hai postato tu dovrebbe funzionare, anche se è inutile richiamare la funzione inline, usa i selettori jquery.

Con questo codice html:

  
<ul id="myList">
    <li>
        <input type="checkbox"/>
        <p>"Label" 1</p>
    </li>
    <li>
        <input type="checkbox"/>
        <p>"Label" 2</p>
    </li>
</ul>

la funzione jquery si puo riscrivere cosi:

$("p").click(function(){
  var chk = $(this).prev();
  chk.prop("checked", !chk.is(":checked"));
});

nel tuo caso sarà cosi:

$("a").click(function(){
    chk = $(this).parent().find('input');
    chk.prop("checked", !chk.is(":checked"));
});

e rimuovi l'onclick dal tag a