0

これは、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.

ラジオをクリックしてから別のラジオをクリックすると、すべてが完全に機能します。このページは、ラジオが選択されていない状態で開始されます。次に、ラジオを選択しても、画像は変更されません。2回目のクリックで変更されます。

開始時に選択がないことをスクリプトに知らせるために変更する必要があるものはありますか?

4

1 に答える 1

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);
    });
});
于 2012-07-16T23:06:13.673 に答える