Exemple détaillé de la façon dont Jquery obtient la valeur radio sélectionnée

À mesure que Jquery devient de plus en plus utile, de plus en plus d'amis l'utilisent. Sur le Web, en raison de la fréquence élevée d'utilisation de contrôles tels que CheckBox, Radiobutton et DropDownList, cela est lié au fonctionnement de ces contrôles dans Jquery. Étant donné que la version de Jquery est mise à jour très rapidement, la façon d'écrire le code a également beaucoup changé. Le code Jquery suivant convient à query1.4 et supérieur.

Radio 

1. Obtenez la valeur sélectionnée, trois méthodes sont disponibles :

$('input:radio:checked').val()；
$("input[type='radio']:checked").val();
$("input[name='rd']:checked").val();

2. Définissez la première radio comme valeur sélectionnée :

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

ou

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

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

3. Définissez la dernière radio comme valeur sélectionnée :

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

ou

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

4. Définissez l'une en fonction de la valeur d'index Radio est la valeur sélectionnée :

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

ou

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

5. Réglez Radio comme valeur sélectionnée en fonction. la valeur de valeur

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

ou

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

6 Supprimez la radio avec la valeur de valeur rd2

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

7. Supprimez quelle radio

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

Par exemple, supprimez la 3ème radio : $("input:radio").eq(2). supprimer();

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为选中值：

 

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!