jQuery中eq设置radio值实例

定义和用法

:eq() 选择器选取带有指定 index 值的元素。

index 值从 0 开始，所有第一个元素的 index 值是 0（不是 1）。

经常与其他元素/选择器一起使用，来选择指定的组中特定序号的元素（如上面的例子）。

 代码如下 复制代码

<p>
<label for="">性别：</label>
<span>
    <em>男</em>
    <input type="radio" name="sex" value="男" />
</span>
<span>
    <em>女</em>
    <input type="radio" name="sex" value="女" />
</span>
</p>

jQuery 设置 radio 值的时候看见有人用nth方法

?使用nth

 代码如下 复制代码

$('input:radio[name=sex]:nth(0)').attr('checked',true);

其实nth和eq是一样的，完全可以用eq替换

 代码如下 复制代码

var sex='女';
if(sex=='男'){
    $("input:radio[name='sex']:eq(0)").attr('checked',true);
}else{
    $("input:radio[name='sex']:eq(1)").attr('checked',true);
}

jQuery 源码中 可以看出nth 已经不推荐使用，用的话也会转换成eq

 代码如下 复制代码

// Deprecated

Expr.pseudos["nth"] = Expr.pseudos["eq"];
时间： 2024-10-13 19:49:04

jQuery中eq设置radio值实例的相关文章

jQuery 设置 radio 值时，使用 eq 替换 nth

例  代码如下 复制代码 <p> <label for="">性别:</label> <span>     <em>男</em>     <input type="radio" name="sex" value="男" /> </span> <span>     <em>女</em>     &l

jQuery中:eq()选择器用法实例_jquery

本文实例讲述了jQuery中:eq()选择器用法.分享给大家供大家参考.具体分析如下: 此选择器匹配一个给定索引值的元素.元素的位置索引从0算起. 语法结构: 复制代码 代码如下: $(":eq(index)") 此选择器一般也要和其他选择器配合使用,比如类选择器和元素选择器等等.例如: 复制代码 代码如下: $("li:eq(1)").css("color","green") 以上代码是将li元素集合中索引为1(也就是第二个

jQuery中eq()方法用法实例_jquery

本文实例讲述了jQuery中eq()方法用法.分享给大家供大家参考.具体分析如下: 此方法能够获取匹配元素集上的相应位置索引的元素.匹配元素集上元素的位置索引是从0开始的. 语法结构: 复制代码 代码如下: $(selector).eq(index) 参数列表: 参数 描述 index 定义元素在元素集中的索引,从零开始的. 如果是负数则从最后一个元素往回计数. 越界无效. 实例代码: 实例一: 复制代码 代码如下: <!DOCTYPE HTML> <html> <head&

jquery中one()方法的用法实例

 这篇文章主要介绍了jquery中one()方法的用法,实例分析了one()方法的功能及使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了jquery中one()方法的用法.分享给大家供大家参考.具体分析如下: jQuery中的one()方法:表示只执行一次,代码如下: 代码如下: <html> <head> <title>jquery事件:one()方法的使用</title> <script type="text/

jquery获取radio值实例_jquery

本文实例讲述了jquery获取radio值的方法,分享给大家供大家参考.具体如下: 单选组radio: 复制代码 代码如下: $("input[@type=radio][@checked]").val(); 单选组 radio: 复制代码 代码如下: $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项 获取一组radio被选中项的值 复制代码 代码如下: var ite

JQuery中基础过滤选择器用法实例分析_jquery

本文实例讲述了JQuery中基础过滤选择器用法.分享给大家供大家参考.具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <he

JQuery中属性过滤选择器用法实例分析_jquery

本文实例讲述了JQuery中属性过滤选择器用法.分享给大家供大家参考.具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <he

jQuery中队列queue()函数的实例教程_jquery

如果当前jQuery对象匹配多个元素:获取队列时,只获取第一个匹配元素上的队列:设置队列(替换队列.追加函数)时,则为每个匹配元素都分别进行设置. 该函数属于jQuery对象(实例).如果需要移除并执行队列中的第一个函数,请使用dequeue()函数.你也可以使用clearQueue()函数清空指定的队列. 语法jQuery 1.2 新增该函数.queue()函数具有如下两种用法: 用法一: jQueryObject.queue( [ queueName ] [, newQueue ] ) 如果

jquery中checkbox使用方法简单实例演示_jquery

和大家分享一段基于jQuery实现checkbox列表全选.反选和不选功能的代码,适用于网页多选后需要进行批量操作的场景(如批量删除等).文章结合实例,代码简洁,基本覆盖选项选择操作的方方面面,希望可以帮到有需要的前端开发爱好者. 引入jquery库<script src="ajax/libs/jquery/1.10.2/jquery.min.js"></script>构建HTML 一般从数据库读出来的列表都需要批量选中以便删除与编辑等,下面我们就来模拟下,实现