2016-11-05 3 views
-4

Ich beabsichtige einen Code zu schreiben, um eine Option in einem Radiobutton auszuwählen. Ich habe den folgenden Code verwendet, der verwendet wird, um ein Dropdown auszuwählen. Ich habe es modifiziert und benutzt, aber es funktioniert nicht. Kannst du bitte auf meinen Fehler hinweisen?Wie benutze ich JQUERY um ein Optionsfeld auszuwählen

$("div.classradio radio").val("Male"); 

Dies ist der Code, den ich verwendet habe, aber es funktioniert nicht.

+1

Wie würden Sie es "in HTML" zu tun? Erinnere dich daran (oder geh und finde es heraus), und du wirst auch wissen, was du in deinem Skript tun kannst. – CBroe

Antwort

0

Warum möchten Sie dies mit jQuery tun? Es ist sehr einfach mit HTML:

<form> 
 
    <input type="radio" name="gender" value="male" checked> Male<br> 
 
    <input type="radio" name="gender" value="female"> Female<br> 
 
    <input type="radio" name="gender" value="other"> Other 
 
</form>

Mit jQuery Sie es wie folgt tun:

$('input:radio[name=gender]')[1].checked = true;

Die Zahl in Klammern gibt die Radio-Button. Achtung: jQuery zu zählen beginnt bei 0.

+0

Der Wert des Optionsfelds wird aus einer Datenbank bezogen, so dass er sich ändert. Es kann männlich oder weiblich sein, deshalb benutze ich die Jquery. Ich hoffe du verstehst – Eddier10

+0

Warum willst du es nicht mit PHP machen? –

+0

Ich weiß, ich kann, ich wollte es nur mit Jquery versuchen. Ich lerne es – Eddier10

0
$("div.classradio radio").val("Male") 

Dieser Code bedeutet das Element mit dem Tag finden, welches Kind des div mit der Klasse "classradio"

<div class="classradio"> 
    <radio></radio>  
</div> 
+0

ok. Vielen Dank für die Aufklärung. – Eddier10

1

$("div.classradio radio").prop("checked", true) ist

Für Versionen von jQuery vor 1.6 verwenden:

$("div.classradio radio").attr('checked', 'checked');

0

Bitte setzen Sie das Attribut des Eingangselementes durch den Wähler

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <script src="https://code.jquery.com/jquery-3.1.1.js"></script> 
 
    <script> 
 
     $(document).ready(function() { 
 
\t \t \t $('#FeMale').attr('checked',true); 
 
     }); 
 
    </script> 
 
</head> 
 

 
<body> 
 
    <div class="container-fluid"> 
 
     <input type="radio" name="Gender" value="Male" id="Male"/>Male 
 
     <input type="radio" name="Gender" value="FeMale" id="FeMale"/>Female 
 
    </div> 
 
</body> 
 

 
</html>

Verwandte Themen