收音机onClick - 替换img src,标题直到第二次点击才开始

时间:2012-07-16 22:44:06

标签: javascript onclick image radio

这是一个脚本,用任何点击的无线电的标题标签替换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.

点击收音机然后点击另一个收音机,一切正常。页面开始时没有选择无线电,然后您选择一个,它不会更改图像。第二次点击确实会改变它。

我是否需要更改内容,让脚本知道将不会开始选择?

1 个答案:

答案 0 :(得分:0)

我找到了解决方案。我需要.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);
    });
});