javascript - 如何使用 HTML 中的单选按钮切换多个图像?

标签 javascript html button radio-button dreamweaver

我正在尝试创建一个包含表单的 HTML 页面。我试图做到这一点,以便当您单击以下单选按钮时:

(单选按钮)红色
(单选按钮)蓝色
(单选按钮)绿色
(单选按钮)白色
(单选按钮)黑色

他们加载以下图像

Red.png  
Blue.png  
Green.png   
White.png  
Black.png

我已经在其他网站上查找了近 3 个小时,非常感谢我能得到的任何帮助!我知道这需要 HTML 和 JavaScript。

最佳答案

JavaScript,而不是 Java :)

我会通过添加 onclick 来做到这一点归因于那些 <input>标签,onclick的值属性将是一些 JavaScript 代码,它会更改 src该图像的(可能使用 document.getElementById("ID"); 获取图像的 DOM 节点)

此外,学习 JavaScript 的好地方是 w3schools !

关于javascript - 如何使用 HTML 中的单选按钮切换多个图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12047551/

相关文章:

javascript - 如何从 javascript 中的数组中提取一个元素,然后使其成为一个全新的单元素数组?新

html - Bootstrap : user agent css styles misbehaving how to solve this

javascript - 自定义elfinder(一个jquery文件管理器插件)的右键菜单

javascript - 按 CSS 样式按钮会显示不需要的键盘 UIWebView

android - 带图像的多线和样式 Android 按钮

javascript - 如何访问 <a> 元素中的子元素

javascript - onchange 事件是否传播?

javascript - React 行为触发渲染上的所有按钮

android - 使用可绘制对象时如何删除按钮中的多余空间

javascript - 如何使用 javascript 访问 Html 内的 Http 请求