jQuery条件:不同字段中的多个单选按钮

时间:2016-07-27 12:13:34

标签: jquery forms button conditional-statements radio

我希望在点击不同字段中的特定单选按钮时更改图像源。以下代码段适用于一个选项(例如,当用户选择白色时)。

现在他可以选择' round'或者'走投无路的'在另一个领域。现在如何告诉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);
    }
});

1 个答案:

答案 0 :(得分:0)

如果所有值都有相应的文件名,则可以编码:

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