jQuery - Deseleziona le caselle di controllo che fungono da pulsanti di opzione

Question

Ho il seguente codice jQuery per far sì che le mie caselle di controllo agiscano come i pulsanti di opzione, in modo che solo 1 su 3 possa essere controllato alla volta.

<script type="text/javascript" language="javascript"> 
$(document).ready(function() { 
    $("#testing input:checkbox").change(function(){ 
     var checkname = $(this).attr("name"); 
     $("input:checkbox[name='" + checkname + "']").removeAttr("checked"); 
     this.checked = true; 
    }); 
}); 
</script> 

Le caselle di controllo vengono spiegate come la seguente:

<input type="checkbox" id="testing" name="testing" value="B"> 
<input type="checkbox" id="testing" name="testing" value="I"> 
<input type="checkbox" id="testing" name="testing" value="A"> 

Questo funziona esattamente come voglio farlo funzionare, non è un problema, tranne una volta i clic su una delle 3, i cant deselezionare esso in modo che nessuno di essi venga controllato, questo è quello che voglio che accada, quindi con l'unica possibilità di fare clic uno alla volta, sono in grado di deselezionarli completamente.

Qualsiasi aiuto sarebbe grande :)

Answer 1

eseguito solo il codice che deseleziona gli altri se this è stato checked.

Esempio:http://jsfiddle.net/CX5Th/1/

$("#testing input:checkbox").change(function() { 
    if(this.checked) { 
     var checkname = $(this).attr("name"); 
     $("input:checkbox[name='" + checkname + "']").removeAttr("checked"); 
     this.checked = true; 
    } 
}); 

---

EDIT: Ecco una revisione che impedisce la casella di recente controllato dall'essere deselezionata quando si seleziona le caselle con lo stesso nome. Utilizza not()^(docs) per escludere la casella di controllo corrente.

Esempio:http://jsfiddle.net/CX5Th/2/

$("#testing input:checkbox").change(function() { 
    if (this.checked) { 
     var checkname = $(this).attr("name"); 
     $("input:checkbox[name='" + checkname + "']").not(this).removeAttr("checked"); 
    } 
}); 

Answer 2

$("input:checkbox").click(function(){ 
    var ischecked = $(this).attr('checked'); 
    $('input:checkbox').attr('checked',false); 
    $(this).attr('checked', ischecked); 
}); 

http://jsfiddle.net/yDPhv/

Answer 3

meno codice! :-)

var boxes = $("input:checkbox").click(function(){ 
    boxes.not(this).attr('checked', false); 
}); 

http://jsfiddle.net/YqSXA/1/