javascript - 有没有办法使用 onclick 方法填充多个字段

Question

我有一个图像矩阵。目前，每个图像都用信息填充特定字段。下面一张图片的代码。

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

有没有办法让每个图像可以用不同的信息填充三个字段？不确定是否可以堆叠 document.get ElementById 调用？

Answer 1

onclick 属性中的语句可以包含任意数量的 JavaScript 语句。
如果你愿意的话，你可以在里面写一个完整的程序——只是它看起来会很糟糕。

更明智的做法是将您想要通过 onclick 实现的功能放在一个单独的函数中:

<a href="#riskrating1" data-toggle="tab">
    <img src="components/com_safety101/images/a2.jpg"
         width="72" height="32" border="0"
         onclick="handleOnClickFor(this)" />
</a>

并添加 JavaScript 函数:

<script type="text/javascript">
    function handleOnClickFor (element){
        // 'element' would be the DOM Object for the <img> tag,
        // differentiate different images with arguments like this
        // Note that the arguments can be a string, number, object ...
        document.getElementById('jform_pre_control_risk').value = '10: Undesirable'; 
}
</script>