2017-02-13 2 views
0

Ich brauche 2 Checkbox Arbeit als Radiobutton haben, aber ich kann nicht verwenden RadioButton- weil ich uncheck verfügbarMakes Checkbox wie Radiobutton MIT uncheck verfügbar

<script type="text/javascript"> 
$(document).ready(function() { 
$(".gps-garmin").click(function() { 
    selectedBox = this.id; 
    $(".gps-garmin").each(function() { 
    if (this.id == selectedBox) 
    { 
     this.checked = true; 
    } 
    else 
    { 
     this.checked = false; 
    }; 
    }); 
}); 
}); 

<td><input type="checkbox" id="garmin" value="garmin" class="gps-garmin"></td> 
<td><input type="checkbox" id="gps" value="gps" class="gps-garmin"></td> 

Eigentlich machen möchte Kontrollkästchen funktionieren genau wie Radiobutton, ich fand diesen Code hier, aber ich muss die Option deaktivieren

+1

'Ich kann Radiobutton nicht verwenden, da ich die Option deaktivieren möchte. Verwenden Sie in diesem Fall 3 Optionsfelder. 1 für jede dieser Optionen: 'Garmin',' GPS' und 'None' Dies macht die Validierungslogik auch einfacher, da dann alle Gruppen ausgewählt werden müssen, so dass es keine Möglichkeit gibt, dass ein Benutzer eine Option verpasst –

+0

I don ' Ich möchte keine Schaltfläche, es ist nutzlos in meinem Fall, ich habe andere Checkbox danach, die diese Funktion nicht benötigt – Sydowh

Antwort

1

Versuchen Sie Folgendes:

$(".gps-garmin").click(function() { 
    var check = $(this).prop('checked'); 
    $(".gps-garmin").prop('checked',false); 
    $(this).prop('checked', (check) ? true : false); 
    }); 
+0

Es funktioniert wie mein Code, aber ich kann nicht deaktivieren, wenn ich überprüft – Sydowh

+0

Was war Ihre Anforderung, die wir nicht bekommen können Sie @Sydowh –

+0

@RajeshBaskaran Ich brauche das nur, aber mit deaktivieren Sie die Option – Sydowh

0

Wie in How-to-uncheck-a-radiobutton erwähnt, sollen Sie in der Lage sein, eine Radio-Button zu löschen, indem Ebene js oder jQuery

Zum Beispiel bei Verwendung von Klar js der Verwendung (aus der verknüpften Antwort kopiert):

this.checked = false; 
0

Ist das Sie versuchen. $ ("gPS-garmin ") klicken (function() {

if ($ (this) .prop (" geprüft") == true) {

$ (".gps-garmin"). Prop ('checked', false);

$(this).prop('checked',true); 

} else if ($ (this) .prop ("geprüft") == false) {

$(".gps-garmin").prop('checked',false); 


     } 

});

+0

Es funktioniert nicht Ich kann nichts überprüfen – Sydowh

+0

Ich habe den Code überprüft, um es zu ändern ... –

Verwandte Themen