リダイレクトJavaScriptが無効になっている場合は、それ以外の子ラジオボタン

Question

をチェックし、私はリンク内radiobuttonを持っている：

<label class="dd--option"> 
    <a href="someURL" class="dd--noscript--link"> 
     <input name="dd_radio" type="radio" class="dd--radio dd--radio--js" checked /> 
     <span class="dd--label"> 
      <img class="dd--label--image" src="http://90.0.0.91/show.php/swatch/23080/black"/> 
      <span class="dd--label--text">Black</span> 
     </span> 
    </a>      
</label> 

私は次のことを達成したい：

• JavaScriptが無効になっている場合ブラウザでは、 attributeのanchor tagのリンクにリダイレクトしたいと思います。
• JavaScriptを有効にしていると、どこにもリダイレクトしないでください。 radiobuttonのみをチェックする必要があります。

これを達成できますか？はい、どうですか？

Answer 1

すべてのブラウザで親<a>まで<input>ます自動的にバブルイベントでクリックする場合、100％はわからないが、もしそうなら、これはそれを行う必要があります。

$('.dd--noscript--link').on('click', function(e) { 
    e.preventDefault(); 
}); 

@Barmarはコメントで述べたように、JSを無効にした場合、href="#"はブラウザに新しいページを読み込ませません。

Answer 2

ラジオボタンにJavascriptイベントハンドラを追加し、event.stopPropagation()を使用します。 JavaScriptは有効になっている場合

$(".dd--radio--js").click(function(e) { 
    e.stopPropagation(); 
}); 

、この関数が実行され、stopPropagation()はアンカーにバブリングからクリックを防ぐことができますので、リンクをたどることはありません。

JavaScriptが無効になっている場合、このコードは実行されないため、クリックがアンカーにバブルアウトされ、リンクが実行されます。