Exemple détaillé de la façon dont Jquery obtient la valeur radio sélectionnée-js tutoriel-php.cn

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

黄舟

Libérer： 2017-07-27 14:20:12

original

2165 Les gens l'ont consulté

À 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 :

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

Copier après la connexion

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

    $(&#39;input:radio:first&#39;).attr(&#39;checked&#39;, &#39;checked&#39;);

Copier après la connexion

<🎜. >

$(&#39;input:radio:first&#39;).attr(&#39;checked&#39;, &#39;true&#39;);

Copier après la connexion

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

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

$(&#39;input:radio:last&#39;).attr(&#39;checked&#39;, &#39;checked&#39;);

Copier après la connexion

$(&#39;input:radio:last&#39;).attr(&#39;checked&#39;, &#39;true&#39;);

Copier après la connexion

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

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

Copier après la connexion

$(&#39;input:radio&#39;).slice(1,2).attr(&#39;checked&#39;, &#39;true&#39;);

Copier après la connexion

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

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

Copier après la connexion

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

Copier après la connexion

6 Supprimez la radio avec la valeur de valeur rd2

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

Copier après la connexion

7. Supprimez quelle radio

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

Copier après la connexion

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

8. Traverse Radio

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

Copier après la connexion

DropDownList

1. 获取选中项：

获取选中项的Value值：

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

Copier après la connexion

或者

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

Copier après la connexion

获取选中项的Text值：

   $(&#39;select#seloption:selected&#39;).text();

Copier après la connexion

或者

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

Copier après la connexion

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

$(&#39;select#sel&#39;).get(0).selectedIndex;

Copier après la connexion

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

$(&#39;select#sel option:last&#39;).attr("index")

Copier après la connexion

4. 获取DropdownList的长度：

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

Copier après la connexion

或者

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

Copier après la connexion

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

$(&#39;select#sel option:first&#39;).attr(&#39;selected&#39;,&#39;true&#39;)

Copier après la connexion

或者

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

Copier après la connexion

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!