jQuery条件：不同字段中的多个单选按钮答案

【问题标题】：jQuery conditions: multiple radio buttons in different fieldsjQuery条件：不同字段中的多个单选按钮
【发布时间】：2016-12-01 10:41:07
【问题描述】：

我希望在单击不同字段中的特定单选按钮时更改图像源。下面的 sn-p 适用于一个选项（例如，当用户选择白色时）。

现在他可以在不同的字段中选择“圆形”或“角形”。我现在如何告诉 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);
    }
});

【问题讨论】：

请分享一个jsfiddle！ :-)
有多少种可能的组合？只有 2 种颜色和 2 种款式？
你的html在哪里？？

标签： jquery forms button conditional-statements radio

【解决方案1】：

如果所有的值都有对应的文件名，可以编码：

$("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);
});

【讨论】：