在這里,我已完成上述問題的完整演示.請查看演示鏈接.

HTML：

Wood

Steel

Black metal

jQuery的：

$(function() {

$(".bgCollection").change(function() {

if ($("#wood").is(":checked")) {

$("body").css('backgroundImage', "url('http://cdnimg.visualizeus.com/thumbs/7f/78/gfx,wood-7f78592c9a6ed3390492c560c5ac6fec_h.jpg')");

}

if ($("#steel").is(":checked")) {

$("body").css('backgroundImage', "url('http://www.aroorsteelcorporation.com/full-images/stainless-steel-834007.jpg')");

}

if ($("#metal").is(":checked")) {

$("body").css('backgroundImage', "url('http://i00.i.aliimg.com/photo/v0/468538622/Brushed_metal_texture_prepainted_metal.jpg')");

}

});

});

總結

以上是生活随笔為你收集整理的html+radio设置背景图片,jquery – 用单选按钮更改背景图像的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。