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

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();

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

    $('input:radio:first').attr('checked', 'checked');

oder

$('input:radio:first').attr('checked', 'true');

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');

oder

$('input:radio:last').attr('checked', 'true');

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

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

oder

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

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

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

oder

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

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

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

7. Löschen Sie welches Radio

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

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

8. Traverse Radio

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

DropDownList

1.   获取选中项：

获取选中项的Value值：

 $('select#sel option:selected').val();

     或者

$('select#sel').find('option:selected').val();

获取选中项的Text值：

   $('select#seloption:selected').text();

     或者

 $('select#sel').find('option:selected').text();

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

$('select#sel').get(0).selectedIndex;

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

$('select#sel option:last').attr("index")

4.   获取DropdownList的长度：

$('select#sel')[0].options.length;

或者

$('select#sel').get(0).options.length;

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

$('select#sel option:first').attr('selected','true')

或者

 $('select#sel')[0].selectedIndex = 0;

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!