Detailed example of how Jquery obtains the radio selected value-JS Tutorial-php.cn

Detailed example of how Jquery obtains the radio selected value

黄舟

Release： 2017-07-27 14:20:12

Original

2188 people have browsed it

#As Jquery becomes more and more useful, more and more friends use it. In the Web, due to the high frequency of use of controls such as CheckBox, Radiobutton, and DropDownList, it is related to the operation of these controls in Jquery. Since the version of Jquery is updated very quickly, the way of writing the code has also changed a lot. The following Jquery code is suitable for query1.4 and above.

Radio

##1. Get the selected value, three methods are available:

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

Copy after login

2. Set the first Radio as the selected value:

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

Copy after login

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

Copy after login

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

3. Set the last one Radio is the selected value:

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

Copy after login

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

Copy after login

4. Set any radio as the selected value according to the index value:

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

Copy after login

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

Copy after login

5. Set Radio to the selected value according to the Value value

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

Copy after login

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

Copy after login

6. Delete the Radio whose Value is rd2

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

Copy after login

7. Delete the Radio

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

Copy after login

If you delete the third Radio:$("input:radio").eq(2).remove();

8. Traverse Radio

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

Copy after login

DropDownList

1. 获取选中项：

获取选中项的Value值：

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

Copy after login

或者

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

Copy after login

获取选中项的Text值：

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

Copy after login

或者

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

Copy after login

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

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

Copy after login

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

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

Copy after login

4. 获取DropdownList的长度：

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

Copy after login

或者

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

Copy after login

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

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

Copy after login

或者

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

Copy after login

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

The above is the detailed content of Detailed example of how Jquery obtains the radio selected value. For more information, please follow other related articles on the PHP Chinese website!