Функция прототипа для установки наблюдателя события onclick в флажках - PullRequest
Новая
       12

Функция прототипа для установки наблюдателя события onclick в флажках

4 голосов
/ 11 апреля 2010

Я хочу установить наблюдателя для каждого из следующих флажков: 

<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>

Это работает, если я пишу по одному наблюдателю на каждый флажок, но я хочу сделать это коротким способом, поэтому мне нужно что-то вроде 

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

Что не работает

Заранее спасибо

1 Ответ

6 голосов
/ 11 апреля 2010

Попробуйте использовать действительный CSS3 селектор : 

$$('#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/

...