Uncheck radio

by Dennis Betman

HTML

<p>Wij willen de digitale facturen per 15 mei a.s. als volgt ontvangen:</p>
<p>
<div id="to-paper3">
<div class="nofloat"></div>
<input type="radio" id="c1" class="checkbox radio " name="datum" value="In PDF per e-mail." />
<label for="c1" rel="c1"></label>
<label for="c1" class="text">
<span>In PDF per e-mail.</span>
</label>

<div class="nofloat"></div>
<input type="radio" id="c2" class="checkbox radio" name="datum" value="Een notificatie per e-mail als de facturen klaarstaan." />
<label for="c2" rel="c2"></label>
<label for="c2" class="text">
<span>Een notificatie per e-mail als de facturen klaarstaan.</span>
</label>

<div class="nofloat"></div>
<input type="radio" id="c3" class="checkbox radio" name="datum" value="Via Basware." />
<label for="c3" rel="c3"></label>
<label for="c3" class="text">
<span>Via Basware.</span>
</label>
</div>
    
<div class="nofloat"></div>
<input type="radio" id="c7" class="checkbox radio" name="datum" value="Via Basware." />
<label for="c7" rel="c7"></label>
<label for="c7" class="text">
</label>
</p>

<p>
<p>Wij willen in de toekomst de facturen digitaal ontvangen</p>
<div id="to-paper2">
<input type="checkbox" id="c4" class="checkbox diner" name="diner" value="Via Ingis, houd mij op de hoogte" />
<label for="c4" rel="c4"></label>
<label for="c4" class="text">
<span>Via Ingis, houd mij op de hoogte</span>
</label>
    
<div class="nofloat"></div>
<input type="checkbox" id="c5" class="checkbox diner twee" name="diner" value="Via Digipoort, houd mij op de hoogte" />
<label for="c5" rel="c5"></label>
<label for="c5" class="text">
<span>Via Digipoort, houd mij op de hoogte</span>
</label>
</div>
</p>

<p>Wij willen geen digitale facturen</p>
<p id="to-paper">
<input type="checkbox" id="c6" class="checkbox diner" name="diner" value="Ik ben niet bij het diner aanwezig " />
<label for="c6" rel="c6"></label>
<label for="c6" class="text2">
<span>Wij willen de facturen op papier</span>
</label>
<div class="nofloat"></div>
</p>

JavaScript

$("#to-paper input:checkbox").change(function() {
    if (this.checked) {
        $("input:checkbox[id='c4']").removeAttr("checked");
        $("input:checkbox[id='c5']").removeAttr("checked");
        $("input:radio").removeAttr("checked");
        $("label[class='text']").css("color","#acacac");
        this.checked = true;
    }
});

$('#c6').bind('change', function (){
jQuery("#c7").trigger('click').trigger('change');
});

$("#to-paper2 input:checkbox").change(function() {
    if (this.checked) {
        $("input:checkbox[id='c6']").removeAttr("checked");
        $("input:radio[id='c7']").removeAttr("checked");
        $("label[class='text']").css("color","black");
        this.checked = true;
    }
});
 
$("#to-paper3 input:radio").change(function() {
    if (this.checked) {
        $("input:checkbox[id='c6']").removeAttr("checked");
        $("label[class='text']").css("color","black");
        this.checked = true;
    }
});