0

このコードにいくつかの問題があるため、ラジオ ボタン オプションから選択したときに背景が何であるかを定義する html コードを置き換えたいと考えています。セレクターを正しく取得できないようです。

<html>
<head>
    <title>Javascript</title>
    <link rel="stylesheet" type="text/css" href="stylesheet.css" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
    <script type="text/javascript">

        $(document).ready(function(){
            $('#getValue').click(function(){
                var input = $('input[name=choice]:checked').val();
                });
            if(input = 1)
            {
                $('#background').replaceWith('<img src="image source 1" alt="Background should be displayed here">');
            }
            if(input = 2)
            {
                $('#background').replaceWith('<img src="image source 2" alt="Background should be displayed here">');
            }
            if(input = 3)
            {
                $('#background').replaceWith('<img src="image source 3" alt="Background should be displayed here">');
            }
        });
    </script>
</head>

<body id="body">

<div id="background">
        <img src="image source 1" alt="Background should be displayed here">
</div>

<div id="footer">
        <input type="radio" name="choice" value="1" />Scheme A
        <input type="radio" name="choice" value="2" />Scheme B
        <input type="radio" name="choice" value="3" />Scheme C
        <input type="button" id="getValue" value="SELECT SCHEME"/>
</div>

</body>

</html>
4

1 に答える 1

3

画像を選択:

$('#background img').replaceWith(' ... ');

要素を置き換える代わりに、その属性を更新するだけです:

$('#background img').attr({
    'src': 'image source X',
    'alt': 'Background should be displayed here'
});
于 2012-04-29T16:26:32.300 に答える