jQuery条件:不同字段中的多个单选按钮
问题描述:
我希望在单击不同字段中的特定单选按钮时更改图像源。下面的代码片段适用于一个选项(例如,当用户选择白色时)。jQuery条件:不同字段中的多个单选按钮
现在他可以在不同的领域选择'圆'或'角“。现在如何告诉jQuery在单击白色圆形时更改src?
jQuery("input[name=input_3]").click(function() {
if (jQuery("input[value=white]").prop("checked")) {
jQuery('#ringimage').fadeOut(200, function() {
jQuery("#ringimage").attr('src', 'white.jpg');
}).fadeIn(200);
}
});
答
如果有相应的所有值的文件名,你可以编写:
$("input[name=input_3]").change(function() {
var val = this.value;
$('#ringimage').stop().fadeOut(200, function() {
$(this).attr('src', val + '.jpg');
}).fadeIn(200);
});
如果不是这种情况下,你可以使用一个对象得到该文件的名称:
var paths = {
'val1': 'white.jpg',
'val2': 'blue.jpg'
}
$("input[name=input_3]").change(function() {
var val = this.value;
$('#ringimage').stop().fadeOut(200, function() {
$(this).attr('src', paths[val]);
}).fadeIn(200);
});
请分享一个jsfiddle! :-) –
有多少种可能的组合?只有2种颜色和2种款式? – TheValyreanGroup
wheres你的html? –