2017-09-08 2 views
2

mit dynamisch überprüft ich überprüfen kann unter der Schaltfläche geklickt oder nicht gegeben:icheck Set für Kontrollkästchen oder Optionsfeld jquery

Aber was ich tun muß, ist von Ajax-Aufruf zurück, wenn ich Wert bekommen ‚Y‘ oder ‚N 'Aktivieren Sie dann den Radioknopf. Bitte hilf mir dabei.

$('input').iCheck({ 
 
    checkboxClass: 'icheckbox_minimal', 
 
    radioClass: 'iradio_minimal', 
 
    increaseArea: '20%' // optional 
 
}); 
 
$('input[type=radio][name=kitchen]').on('ifChecked', function() { 
 
    if (this.value === "N") { 
 
    alert('No'); 
 
    } else { 
 
    alert('Yes'); 
 
    } 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/iCheck/1.0.2/icheck.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/iCheck/1.0.2/skins/all.css" rel="stylesheet" /> 
 
<div class="checkbox"> 
 
    <label>Is Kitchen <input type="radio" name="kitchen" value="Y" class="flat"> 
 
    Yes <input type="radio" name="kitchen" value="N" class="flat"> No 
 
    </label> 
 
</div>

+1

Bitte beachten Sie, wie ich für Sie ein [MCVE] erstellt. Jetzt ändere es bitte, um dein genaues Problem zu reflektieren. Es sieht für mich aus, du musst nur deine Warnung mit $ .get (...) oder $ .post (....) ändern und etwas mit der Rückkehr machen. Die [iCheck Dokumentation] (http://icheck.fronteed.com/) - sehen Methoden zeigen, wie Sie nicht überprüfen, bis Sie den Wert – mplungjan

+0

vom Server-Ende getestet haben, wenn ich den Wert 'Y' oder 'N' von Ajax erhalten Rückrufen. Ich muss dafür nach Wert überprüft werden. –

Antwort

1

Ihren Ajax-Anruf tätigen, dann in dem Rückruf die zurückgegebenen Daten überprüfen und iCheck() Funktion das gewünschte Element zu überprüfen.

Beispiel:

$.get('url', {}, function(data){ 
    if (data === "Y"){ 
     $(':radio[name=kitchen][value=Y]').iCheck('check'); 
    } else { 
     $(':radio[name=kitchen][value=N]').iCheck('check'); 
    } 
}); 

Hoffnung, das hilft.

$('input').iCheck({ 
 
    checkboxClass: 'icheckbox_minimal', 
 
    radioClass: 'iradio_minimal', 
 
    increaseArea: '20%' // optional 
 
}); 
 

 
var data = "N"; 
 

 
if (data === "Y"){ 
 
    $(':radio[name=kitchen][value=Y]').iCheck('check'); 
 
} else { 
 
    $(':radio[name=kitchen][value=N]').iCheck('check'); 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/iCheck/1.0.2/icheck.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/iCheck/1.0.2/skins/all.css" rel="stylesheet" /> 
 
<div class="checkbox"> 
 
    <label>Is Kitchen <input type="radio" name="kitchen" value="Y" class="flat"> 
 
    Yes <input type="radio" name="kitchen" value="N" class="flat"> No 
 
    </label> 
 
</div>

+0

Dank für Ihre Antwort Ich habe das schon getan, aber das Problem ist in Selektor.Wo bitte hol mich durch. wird es wie $ sein ('input [type = radio] [name = küche]'). iCheck ('check'); für 'Y' –

+0

Got you .. Ich habe gerade meine Antwort aktualisiert .. sorry –

+0

'$ (': Radio [Name = Küche] [Wert =' + Daten + ']'). iCheck ('check');' – mplungjan

Verwandte Themen