Deaktivieren Sie ein Kontrollkästchen mit Bedingungen

Question

Ich möchte eine Umfrage auf einer Website mit einer Frage und drei möglichen Antworten machen.

Das Problem ist, dass ich Probleme mit dem Check/Uncheck habe, möchte ich nur eine Antwort überprüft haben, wenn also der Benutzer auf eine Antwort klickt und er bereits eine andere überprüft hat, behält es nur die letzte ein. Hier

ist das, was ich getan habe:

$("input:checkbox").click(function() { 
    if($(this).is(':checked')){ 
     var iSurveyId = $(this).closest('div').attr('name'); 
     var iAnswerId = $(this).closest('p').attr('value'); 
     var bIsChecked = 'true'; 

Wenn der Benutzer klicken auf eine Checkbox, ich werde die Umfrage-ID erhalten, die in dem Namen meines div und die ID ist meine Antwort, die ist im Namen meines Absatzes.

Ich benutze jQuery 1.1.12 so kann ich nicht jede Funktion für Beispiel verwenden ich kann .prop() nicht verwenden.

Answer 1

Sie können die Eingabetyp Radio anstelle von Kontrollkästchen verwenden, so dass alle Benutzer nur eine Antwort auswählen, oder deaktivieren Sie alle Kontrollkästchen erste ähnliche

$("input:checkbox").click(function() { 
    $('input:checkbox').removeAttr('checked'); 
    $(this).attr('checked', 'checked'); 
} 

Die oben sollte entfernt, um das Attribut checked aus allen Auswahlbox und weisen Sie das Attribut checked auf den geklickt ein, oder wenn Sie mehrere Fragen haben, jeweils mit mehreren Antworten können Sie die Kontrollkästchen in einem div setzen und den Code ändern:

$("input:checkbox").click(function() { 
    $('#div_id input:checkbox').removeAttr('checked'); 
    $(this).attr('checked', 'checked'); 
} 

Answer 2

mit diesem einfachen Code

$("input:checkbox").click(function() { 
 
    var thisChecked = $(this)[0].checked; 
 
    $("input:checkbox").removeAttr('checked'); 
 
    
 
    if (thisChecked) 
 
     $(this).attr("checked", true); 
 
    else 
 
     $(this).attr("checked", false); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script> 
 
<div> 
 
    <input type="checkbox" /> 
 
    <span>Item 1</span> 
 
</div> 
 
<div> 
 
    <input type="checkbox" /> 
 
    <span>Item 2</span> 
 
</div> 
 
<div> 
 
    <input type="checkbox" /> 
 
    <span>Item 3</span> 
 
</div> 
 
<div> 
 
    <input type="checkbox" /> 
 
    <span>Item 4</span> 
 
</div>