使用html表行作为复选框的方法？

Question

我在rails应用程序上工作,我试图让HTML表的每一行对应一个复选框,然后单击行选择/取消选中该复选框.这在这里说明:http://jsfiddle.net/3XZvV/2/

但是,我想在我的rails项目中保留Prototype,所以有谁知道如何将它从jquery转换为原型或知道任何教程这样做？

继承人我的(失败)尝试这样做:http://jsfiddle.net/3XZvV/12 /

Answer 1

我想这会做你的事:

$$('table.clickable tr').each(function(e) {
   e.observe('click', function() {
    e.toggleClassName('selected')
    });     
})

http://jsfiddle.net/3XZvV/14/

更新:

$$('table.clickable tr').each(function(e) {
   e.observe('click', function() {
    e.toggleClassName('selected')
    var ch = $(e).down('input')
        if(ch.checked) {
            ch.checked = false;
        }
       else {
           ch.checked = true;
       }    
    });     
})