Javascript 尝试更改带有小图像的单选按钮以选择产品

Javascript 尝试更改带有小图像的单选按钮以选择产品,javascript,variables,button,Javascript,Variables,Button,我正在尝试编写一些javascript,当页面加载时,它将从页面中提取信息,并用一个小图像(而不是按钮)替换单选按钮。另外,当按钮被点击时,我需要它来替换屏幕上的大图像。这是可以用Javascript单独完成的还是我需要PHP?我了解PHP,但与该网站我不能使用它。我被卡住了。我很高兴回答有关这方面的所有问题。我有点卡住了。请帮助我找到了一个脚本,可以用您选择的样式替换单选按钮(以及复选框和选择下拉列表) 我建议你在开始使用之前先阅读这篇短文 此外,用于更改较大图像的脚本应该是类似于以下内容的

我正在尝试编写一些javascript,当页面加载时,它将从页面中提取信息,并用一个小图像(而不是按钮)替换单选按钮。另外,当按钮被点击时,我需要它来替换屏幕上的大图像。这是可以用Javascript单独完成的还是我需要PHP?我了解PHP,但与该网站我不能使用它。我被卡住了。我很高兴回答有关这方面的所有问题。我有点卡住了。请帮助

我找到了一个脚本,可以用您选择的样式替换单选按钮(以及复选框和选择下拉列表)

我建议你在开始使用之前先阅读这篇短文

此外,用于更改较大图像的脚本应该是类似于以下内容的

$('.radio').change(function(){
    $('#lgImg').src(newUrl);
});
其中,
newUrl
将基于单选按钮的某个值,该值被更改为:
$(this).attr('data-img-url')


最后,作为一个补充说明,除非您在更改时提交单选按钮(同样使用Javascript)并用正确的大图重新加载页面,否则您将无法在PHP中执行类似的操作(客户端)。但这将是非常肮脏和相当不必要的。

您可以向我们展示当前标记和代码的相关部分吗?