Is there a way to fill multiple fields using onclick method

I have a matrix of images. Each image currently fills a specific field with information. Code for one image below.

 <a href="#riskrating1" data-toggle="tab"><img src="components/com_safety101/images/a2.jpg" width="72" height="32" border="0" onclick="document.getElementById('jform_pre_control_risk').value = '10: Undesirable'; " /></a>

Is there a way that each image could fill three fields with different information? Not sure if you can stack the document.get ElementById calls?