JavaScriptとのリンク画像

Question

私は2つの画像と2つのラジオボタンを持っています。

イメージをクリックすると、readioボタンが選択されます。

今、私はリンクとしてイメージを持っていたいと思います。通常のリンクで手を見ることができるように。

これはhtmlです：

@if (Html.GebruikerContext().Klant.LogoIDSpecified) 
       { 
        <div class="property wide extra-margin"> 
         <br /> 
         <label> 
          Kies header logo 
         </label> 
         <div class="email-logo"> 
          <label> 
           <span class="email-logo-image"> 
            <img src='/Beheer/Images/mainlogo_274x122.png' /> 
           </span> 
           <span class="email-logo-button"> 
            @Html.RadioButton("logo-selectie", "standaard", !Model.GebruikKlantLogo, new { @name = "logoKeuze" }) 
            <span>standaard logo</span> 
           </span> 
          </label> 
         </div>      <div class="email-logo"> 
          <label> 
           <span class="email-logo-image"> 
            <img src='/Beheer/Document/Download?documentID=@(Html.GebruikerContext().Klant.LogoID)' /> 
           </span> 
           <span class="email-logo-button"> 
            @Html.RadioButton("logo-selectie", "klant", Model.GebruikKlantLogo, new { @name = "logoKeuze" }) 
            <span>eigen logo</span> 
           </span> 
          </label> 
         </div> 
        </div> 
       } 

、これはjavascriptのです：

$('#logo-selectie[value=standaard]').change(function() { 
    $('#GebruikKlantLogo').val(false); 
}); 

$('#logo-selectie[value=klant]').change(function() { 
    $('#GebruikKlantLogo').val(true); 
}); 

Answer 1

あなたはリンクのように動作するためにあなたのイメージにしたい場合は<a>タグにあなたのイメージを入れてください。 あなただけの、あなたが

.classname { 
    cursor: pointer; 
} 

<img class="classname" src='/Beheer/Images/mainlogo_274x122.png' />

Answer 2

私は誤解だ場合を除き、私はあなたが問題をoverthinkingていると思います。画像の上にマウスポインタを置いたときにポインタを表示するには、少量のCSSを追加して画像のスタイルを設定するだけです。

.showPointer { 
 
    cursor: pointer; 
 
}

<img class="showPointer" src="http://via.placeholder.com/300x300">