0

私は現在、JavaScriptを使用してクリックしたときに画像を表示するために、ラジオボタンを使用しています。問題は、ラジオボタンをクリックしても結果が表示されないことです。以下のコードは、関数を使用していて、クリックしてもトリガーされることを示しています。コードに欠けているものはありますか？またはこれに対するより良いアプローチはありますか？これは例です

ありがとうございました

Javascript

<script>
    function check_value() {
        function check_value(fieldvalue) {
            switch (fieldvalue) {
            case 1:
                document.getElementById("imagedest").innerHTML = "<img src='images/bike1.jpg'>";
                break;
            case 2:
                document.getElementById("imagedest").innerHTML = "<img src='images/bike2.jpg'>";
                break;
            case 3:
                document.getElementById("imagedest").innerHTML = "<img src='images/bike3.jpg'>";
                break;
            }
        }
</script>

HTML 

<form name="builder">
  <input type="radio" name="field" value="one" onclick='check_value(1)'/> KAWASAKI KX 450F<br />
  <input type="radio" name="field" value="two" onclick='check_value(2)'/> 2010 Yamaha Road Star S<br />
  <input type="radio" name="field" value="three" onclick='check_value(3)'/> Aprilia RSV4<br />
</form>


<div id="imagedest"></div>
4

3 に答える 3

4

function check_value() {コードの前に追加する目的は何ですか？その目的は、コードが機能しないようにすることであると思われるため、この質問をするように促します。

それを取り除くと、すべてがうまくいくでしょう。

于 2012-09-08T01:01:40.777 に答える
2 
function check_value() {
    function check_value(fieldvalue) {

それが問題になります。最初の行を取り出してください...あなたはただ欲しい

function check_value(fieldvalue) {

将来的には、コンソールにエラーがないか確認するか、 jsbin.comに入れてください。問題に関する詳細情報が得られる可能性があります。あなたのコードについては、それはあなたに何が悪いのかを正確に教えてくれます：

Line 2: function check_value(fieldvalue) { --- 'check_value' is already defined.
Line 1: function check_value() { --- Unmatched '{'.
于 2012-09-08T01:02:39.713 に答える
2

個人的には...画像を読み込んでから表示設定を変更しますが、それを望まない場合は..

テストされておらず、その場で編集されています：

<script>
    function check_value(val) { // You have to pass a parameter
       var imgs = ['images/bike1.jpg', 'images/bike2.jpg', 'images/bike3.jpg'];
       var img = imgs[val];
       var el = document.getElementById("imgBox");
       if (img) {
         el.src = img;
         el.style.display = "";
       }

     }
</script>

<img id="imgBox" src="#" style="display:none">
于 2012-09-08T01:03:45.930 に答える