这是一个脚本,用任何点击的无线电的标题标签替换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.
点击收音机然后点击另一个收音机,一切正常。页面开始时没有选择无线电,然后您选择一个,它不会更改图像。第二次点击确实会改变它。
我是否需要更改内容,让脚本知道将不会开始选择?
答案 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);
});
});