Kontrollkästchen, das wie Optionsfeld

ich drei Kontrollkästchen erstellt haben, wie folgt:Kontrollkästchen, das wie Optionsfeld | Mit icheck.js

<input type="checkbox" name="upgrade"> 
<input type="checkbox" name="upgrade"> 
<input type="checkbox" name="upgrade">

Ich möchte diese Kontrollkästchen wie Radio-Buttons handeln und mit dem folgenden jQuery, ich bin dieser fast erreichen. Ich benutze auch die icheck.js Bibliothek, so dass ich die jQuery-Code wie folgt vorgehen:

$('input[type="checkbox"]').on('ifChanged', function() { 
     $('input[name="' + this.name + '"]').not(this).iCheck('uncheck'); 
});

Dies ist jedoch nur mit der ersten Änderung arbeiten, sobald ich das dritte Mal klicken funktioniert es nicht länger. Kann mir jemand sagen, was ich falsch mache?

Quelle

2016-11-07 Marjinoo Bajello

Warum nicht einfach das Optionsfeld als Kontrollkästchen Stil? –

@AdamAzad Ursache Ich möchte den Benutzer in der Lage sein, alles abwählen zu können, und ich kann nicht ein Optionsfeld abschaltbar machen –

Können Sie Ihren Code mit jsfiddle teilen? – oguzhancerit

Ich kann nicht Icheck-Plugin verwenden, aber ich habe mit Standart-Kontrollkästchen.

$('input[type="checkbox"]').click(function(){ 
 
    if($(this).is(':checked')){ 
 
    $('input[type="checkbox"]').prop('checked',false); 
 
    $(this).prop('checked',true); 
 
    } 
 
    else { 
 
    $(this).prop('checked',true); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" name="upgrade" checked> 
 
<input type="checkbox" name="upgrade"> 
 
<input type="checkbox" name="upgrade">

Quelle

2016-11-07 19:05:26 oguzhancerit

Das Problem ist, dass bei der Verwendung icheck, die Requisite nicht funktioniert, da das Kontrollkästchen völlig anders funktioniert. Ist es möglich, dass du es mit icheck probierst? –

@MarjinoBajello Ich versuche jetzt, warte eine Minute. – oguzhancerit

@MarjinooBajello Es tut mir leid, ich kann dieses Plugin nicht verwenden. Ich lade von Github, lud alle Skripte, aber es funktioniert nicht :). Ich empfehle Ihnen, es mit einem neuen Checkbox-Plugin zu ändern. – oguzhancerit

Base auf einer früheren Antwort, gibt es keinen Grund für die if-Anweisung innerhalb .. dieser Lösung werden alle direkt nach, dann überprüfen Sie die entsprechende Auswahl geprüft entfernen.

HTML:

<input type="checkbox" name="upgrade"> 
<input type="checkbox" name="upgrade"> 
<input type="checkbox" name="upgrade">

JS:

$('input[type="checkbox"]').click(function(){ 
    $('input[type="checkbox"]').prop('checked',false); 
    $(this).prop('checked',true); 
});

https://jsbin.com/qeqemuqaci/edit?html,js,output

Quelle

2016-11-07 19:11:09

Kontrollkästchen, das wie Optionsfeld | Mit icheck.js

Antwort

Verwandte Themen