JSFiddle - React, Tailwind, and code Playground

by Stefano Bertoli

HTML

<div>
    <input type="checkbox">
    <a class="disable" href="http://www.google.it" target="_blank">Google</a>
    <input type="checkbox">
    <a href="http://www.yahoo.it" target="_blank">Yahoo</a>
    <input type="checkbox">
    <a href="http://www.bing.it" target="_blank">Bing</a>
</div>

CSS

.disable{text-decoration:none;color:grey;cursor:default;}

JavaScript

$('div').on('change','input',function(e){//tutti i change che salgono da un input, $('input').on('change',function(e)
$('+a',this).toggleClass('disable');//$('+a',this);elemento diretto successore di this che è il checkbox clickato
});

$('div').on('click','a.disable',function(evt){//tutti i click su link disable
    evt.preventDefault();
});