fonction prototype pour définir l'observateur d'événements onclick dans les cases

Question

Je veux mettre un observateur pour chacune des cases suivantes:

<div id="listr"> 
    <ul id="lr" style="list-style-type: none"> 
    <p class="tir">Text 1</p> 
    <li class="ro"><input type="checkbox" name="r1" id="r1"/>A1</li> 
    <li class="ro"><input type="checkbox" name="r2" />A2</li> 
    <p class="tir">Text 2</p> 
    <li class="rubro"><input type="checkbox" name="r3" />B1</li> 
    <p class="tir">Text 3</p> 
    <li class="ro"><input type="checkbox" name="r4" />B2</li> 
    </ul> 
</div> 

Il fonctionne si j'écris un observateur par case, mais je veux le faire dans un courte mode, donc je besoin de quelque chose comme

$$('listr.lr.li.input').invoke('observe',click,function(field) { 
    alert(this.name + ' clicked ' + this.checked); 
    // other stuff ... 
}); 

Ce qui ne fonctionne pas

Merci à l'avance

Answer 1

Essayez d'utiliser un CSS3 selector valide:

$$('#listr input[type="checkbox"]').invoke('observe','click',function(field) { 
    alert(this.name + ' clicked ' + this.checked); 
    // other stuff ... 
}); 

http://prototypejs.org/doc/latest/dom/dollar-dollar/