Désactiver les cases à cocher en fonction de l'état d'une case

Question

Si 'choisir de ne pas répondre' est cochée, je dois désactiver les autres cases à cocher, voici mon code et mon code HTML, toute aide pour expliquer pourquoi cela ne fonctionne pas?

Code

function toggleStatus() { 
if ($('#toggleElement').is(':checked')) { 
    $('#living :input').attr('disabled', true); 
} else { 
    $('#living :input').removeAttr('disabled'); 
} 

html

<p>With whom do you live? Choose all that apply<br/> 
    <input type="checkbox" name="living" value="alone" id="living"> 
    Live alone <br> 
    <input type="checkbox" name="living" value="husband" id="living"> 
    Husband <br> 
    <input type="checkbox" name="living" value="partner" id="living"> 
    Partner <br> 
    <input type="checkbox" name="living" value="children" id="living"> 
    Children <br> 
    <input type="checkbox" name="living" value="parents" id="living"> 
    Parents <br> 
    <input type="checkbox" name="living" value="other_relatives" id="living"> 
    Other relatives <br> 
    <input type="checkbox" name="living" value="religion" id="living"> 
    Religious order <br> 
    <input type="checkbox" name="living" value="no_answer" 
       id="toggleElement"> 
    Choose not to answer <br> 
</p> 

Answer 1

Je ne vois pas votre fonction appelée partout, vous pouvez rig vers le haut dans un gestionnaire document.ready cependant, et simplifier aussi , comme ceci:

$(function() { 
    $("#toggleElement").change(function() { 
    $('input[name=living]').not(this).attr('disabled', this.checked); 
    }); 
}); 

Notez également que votre sélecteur était incorrect, il devrait être juste basé sur le nom ... et cet ID devrait être omis, car il est dupliqué.

Answer 2

Essayez ceci:

if ($('#toggleElement').is(':checked')) { 
    $('#living :input').attr('disabled', "disabled"); 
} else { 
    $('#living :input').attr('disabled', false); 
}