2016-07-18 6 views
-1

auswählen Ich brauche eine Hilfe. Ich muss Radio-Button überprüfen und den Wert mit Jquery/Javascript.Ich habe etwas getan, aber es funktioniert nicht.Kann den Radio-Button mit Wert nicht mit jquery

<input type="radio" name="con" id="con" value="" onClick="checkCon();">Country 
<button type="button" id="btn">Check</button> 
document.getElementById('btn').onclick=function(){ 
    var condata='123'; 
    $("input[name=con][value=" + condata+ "]").prop('checked', true).trigger('click'); 
} 

Hier, wenn der Benutzer auf Check-Button klicken, wird es kann nicht das Kontrollkästchen überprüfen und kann die value.Please mir nicht gesetzt helfen.

+0

können Sie mehr darüber erklären? –

+0

Ihr Name und Ihre ID sind die gleichen, IDs sollten eindeutig sein –

+0

ich machte ID einzigartig noch das gleiche Problem. – satya

Antwort

2

dies versuchen, kann es helfen:

<!DOCTYPE html> 
<html> 
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">   </script> 
<script> 
    $(document).ready(function(){ 
    var condata = '123'; 
    $("#btn").click(function(){ 
     $('#con').val(condata).prop('checked', true).trigger("click"); 
    }); 
}); 
function checkCon() 
    { 
    alert($('#con').val()); 
    } 
    </script> 
</head> 
<body> 

    <input type="radio" name="con" id="con" value="" onClick="checkCon();">Country 
    <button type="button" id="btn">Check</button> 


    </body> 
</html> 

dieser Code arbeitet ich dies überprüft haben, können Sie auch

versuchen können, ist es wahrscheinlich, weil Sie mischen javascript und jQuery, entweder Sie Shou ld verwenden jQuery oder JavaScript. Hoffe die obige Code Hilfe. und stellen Sie sicher, dass Sie die jQuery-Bibliothek hinzugefügt haben, bevor Sie diesen Code verwenden

+0

Aber ich muss ein Click-Ereignis dort auslösen. Überprüfen Sie meinen Code. – satya

+0

dann können Sie anhängen '.trigger (" click ")' nach '.prop()' Ereignis –

+0

Ich benutzte Ihren Code immer noch das Problem ist das gleiche. – satya

0
You have to use the cotes. 

Reference

$("input[name='con'][value='" + condata+ "']").prop('checked', true).trigger('click'); 
+0

Nein, es funktioniert nicht. – satya

+0

@satya warum brauchen Sie den Auslöser? Pls versuchen, den Selektor selbst zu bekommen und sehen, ob die Abfrage funktioniert. –

0

Es ist klar, dass es kein Optionsfeld mit dem Wert '123' gibt.

Hinweis 1: Sie müssen nicht gleichzeitig propagieren und triggern, sondern nur die Klickereignisse unterstützen oder auslösen.

$("input[name=con][value=" + condata+ "]").trigger('click'); 

Hinweis 2: Klicken Sie auf Trigger, um die Eigenschaften der Optionsfelder automatisch zu ändern. Wenn Sie die Überprüfung erzwingen möchten, tun Sie etwas ähnliches.

$("input[name=con][value=" + condata+ "]").on('click', function(e) { 
    e.preventDefault(); 
    $(this).prop('checked', true); 
}); 
+0

Ich habe Ihre Zeile überprüft, aber das Problem ist gleich. – satya

+0

Bitte beachten Sie Anmerkung 2.: D –

+0

Ich habe Note 2 verwendet, aber immer noch das gleiche Problem. – satya

-1
<input type="radio" name="con" id="con" value="" onClick="checkCon();"> 

Ihre Radiobutton haben nicht value = "123" Aus diesem Grund ist es nicht überprüft zu werden. Dies ist die korrigierte Tag

<input type="radio" name="con" id="con" value="123" onClick="checkCon();"> 

und es wird als arbeiten soll

+0

Ich muss den Wert dynamisch festlegen. – satya