Image 更改隐藏的输入onChange复选框

我需要在mootools中创建函数。一旦更改一些复选框，我需要在图像周围设置边框，并在隐藏输入中设置新值。此新值必须是选定图像的名称

HTML

---

谢谢，它工作得很好。。。但我有更多动态添加的隐藏输入。如何使此功能仅用于名为“selected_img”的隐藏输入？var hidden=document.getElements（'input[type=“hidden”][name=“selected_img”]”）[0]；另一个问题……：）当我已经有了这个隐藏输入的值时？此值为字符串，包含所有图像名称。。。当我选择/取消选择某个chceckbox时，我需要在隐藏输入中添加/删除该字符串中的图像名称。因为它现在取决于几个因素，所以它取决于外部功能：非常感谢，你是最好的：）

 <form>
   <div class="img_container">
      <img src="http://ynternet.sk/test/bg_1.png" /><br />
      <input type="checkbox" name="bg_1.jpg" id="__chbx" />
  </div>
  <div class="img_container">
    <img src="http://ynternet.sk/test/bg_2.png" /><br />
    <input type="checkbox" name="bg_2.jpg" id="__chbx" />
  </div>
  <div class="img_container">
      <img src="http://ynternet.sk/test/bg_3.png" /><br />
      <input type="checkbox" name="bg_2.jpg" id="__chbx" />
  </div>

 <input type="hidden" value="" name="selected_img">

 .img_container {
    padding:5px;
    display:inline-block;
 }

var checks = document.getElements('input[type="checkbox"]');
var hidden = document.getElements('input[type="hidden"]')[0];
checks.addEvent('change',function(e){
    var checkbox = e.target;
    var img = checkbox.getPrevious('img');
   var img_name = checkbox.get('name');

  var checked = checkbox.get('checked');
  if(checked){
    img.setStyle('border','1px solid red');
    hidden.set('value',img_name);
  }
  else{
    img.setStyle('border',null);   
  }
});