Heim > Web-Frontend > js-Tutorial > Detailliertes Beispiel dafür, wie Jquery den Radio-Auswahlwert erhält

Detailliertes Beispiel dafür, wie Jquery den Radio-Auswahlwert erhält

黄舟
Freigeben: 2017-07-27 14:20:12
Original
2158 Leute haben es durchsucht


Da Jquery immer nützlicher wird, nutzen es immer mehr Freunde. Aufgrund der relativ hohen Häufigkeit der Verwendung von Steuerelementen wie CheckBox, Radiobutton und DropDownList im Web hängt dies mit der Funktionsweise dieser Steuerelemente in Jquery zusammen. Da die Version von JQuery sehr schnell aktualisiert wird, hat sich auch die Art und Weise, wie der Code geschrieben wird, stark geändert. Der folgende JQuery-Code ist für Query1.4 und höher geeignet.

Radio 



1. Rufen Sie den ausgewählten Wert ab. Es stehen drei Methoden zur Verfügung:

$('input:radio:checked').val();
$("input[type='radio']:checked").val();
$("input[name='rd']:checked").val();
Nach dem Login kopieren


2. Stellen Sie das erste Radio als ausgewählten Wert ein:

    $('input:radio:first').attr('checked', 'checked');
Nach dem Login kopieren

oder

$('input:radio:first').attr('checked', 'true');
Nach dem Login kopieren

Hinweis: attr("checked",'checked')= attr("checked", 'true')= attr("checked", true)

3. Stellen Sie das letzte Radio als ausgewählten Wert ein:

$('input:radio:last').attr('checked', 'checked');
Nach dem Login kopieren

oder

$('input:radio:last').attr('checked', 'true');
Nach dem Login kopieren

4. Stellen Sie einen beliebigen Wert ein Der Indexwert Radio ist der ausgewählte Wert:

$('input:radio').eq(索引值).attr('checked', 'true');索引值=0,1,2....
Nach dem Login kopieren

oder

$('input:radio').slice(1,2).attr('checked', 'true');
Nach dem Login kopieren

5 Stellen Sie Radio als ausgewählten Wert ein den Wertwert

$("input:radio[value=http://www.2cto.com/kf/201110/'rd2']").attr('checked','true');
Nach dem Login kopieren

oder

$("input[value=http://www.2cto.com/kf/201110/'rd2']").attr('checked','true');
Nach dem Login kopieren

6. Löschen Sie das Radio mit dem Wertwert rd2

$("input:radio[value=http://www.2cto.com/kf/201110/'rd2']").remove();
Nach dem Login kopieren

7. Löschen Sie welches Radio

$("input:radio").eq(索引值).remove();索引值=0,1,2....
Nach dem Login kopieren

Löschen Sie beispielsweise das 3. Radio: $("input:radio").eq(2). remove();

8. Traverse Radio

$('input:radio').each(function(index,domEle){
     //写入代码
});
Nach dem Login kopieren

DropDownList



1. 获取选中项:

获取选中项的Value值:

 $('select#sel option:selected').val();
Nach dem Login kopieren

或者

$('select#sel').find('option:selected').val();
Nach dem Login kopieren

获取选中项的Text值:

   $('select#seloption:selected').text();
Nach dem Login kopieren

或者

 $('select#sel').find('option:selected').text();
Nach dem Login kopieren

2. 获取当前选中项的索引值:

$('select#sel').get(0).selectedIndex;
Nach dem Login kopieren

3. 获取当前option的最大索引值:

$('select#sel option:last').attr("index")
Nach dem Login kopieren

4. 获取DropdownList的长度:

$('select#sel')[0].options.length;
Nach dem Login kopieren

或者

$('select#sel').get(0).options.length;
Nach dem Login kopieren

5. 设置第一个option为选中值:

$('select#sel option:first').attr('selected','true')
Nach dem Login kopieren

或者

 $('select#sel')[0].selectedIndex = 0;
Nach dem Login kopieren

6.   设置最后一个option为选中值:

 


Das obige ist der detaillierte Inhalt vonDetailliertes Beispiel dafür, wie Jquery den Radio-Auswahlwert erhält. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage