javascript - Radio onClick - 将 img src 替换为直到第二次点击才会触发的标题

Question

这是一个脚本，它将 img src 替换为单击的任何收音机的标题标签。

var imgFldr = '/uploads/2012/07/';
$("input[type='radio']").click(function() {
$('#'+this.name).attr('src', imgFldr+this.title);
});

<input type="radio" name="lift" id="standard_left" value="Standard left" title="Cellular-Lift-Type-Standard-Left.jpg" onclick="doCalc();">Standard left<br>
<input type="radio" name="lift" id="standard_right" value="Standard right" title="Cellular-Lift-Type-Standard-Right.jpg" onclick="doCalc();">Standard right<br>
etc. etc.

一旦您单击一个收音机，然后单击另一个，一切都会完美运行。该页面从未选择任何收音机开始，然后您选择一个并且它不会更改图像。第二次点击它确实改变了它。

有什么我需要改变的，让脚本知道一开始就没有选择吗？

Answer 1

我找到了解决方案。我需要 .ready 处理程序。

$(document).ready(function() {
    var imgFldr = 'http://18004blinds.com/shopping/wp-content/uploads/2012/07/';
        $("input[type='radio']").click(function() {
        $('#'+this.name).attr('src', imgFldr+this.title);
    });
});