`

Jquery 获取 radio选中值

 
阅读更多

Radio    

 

  

 


1.获取选中值,三种方法都可以:

$('input:radio:checked').val();

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

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

2.设置第一个Radio为选中值:

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

或者

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

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

3.设置最后一个Radio为选中值:

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

或者

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

4.根据索引值设置任意一个radio为选中值:

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

或者

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

5.根据Value值设置Radio为选中值

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

或者

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

6.删除Value值为rd2的Radio

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

7.删除第几个Radio

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

如删除第3个Radio:$("input:radio").eq(2).remove();

8.遍历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为选中值:

 

原文地址:http://www.hake.cc/a/biancheng/web/js/2011/1013/27444.html

分享到:
评论

相关推荐

    Jquery获取radio选中的值

    先给大家分享一篇关于Jquery获取radio选中的值的实例内容 Jquery获取radio选中值实例总结 https://www.jb51.net/article/154831.htm 话不多说,请看代码: <!DOCTYPE ...

    Jquery获取radio选中值实例总结

    在本篇介绍Jquery获取radio选中值的实例总结中,将会详细地分享关于如何使用jQuery来选取和操作HTML中单选按钮(radio buttons)的方法。由于文章内容中有小部分OCR扫描错误,所以在讲解时会尽量保持原意且保证内容...

    jquery获取表单值

    使用jQuery获取文本框的值非常简单: ```javascript var textVal = $("#text_id").val(); // 使用.val()方法获取值 ``` **注意:** `.val()` 方法是用来获取或设置表单元素的值的,而 `.attr("value")` 是用来获取...

    jquery获取radio值(单选组radio)

    获取一组radio被选中项的值 var item = $(‘input[@name=items][@checked]’).val(); radio单选组的第二个元素为当前选中值 $(‘input[@name=items]’).get(1).checked = true 单选组 radio: $(“input[@type=radio...

    JQuery判断radio是否有选中,获取选中的值

    本文将深入探讨如何使用jQuery来判断单选按钮(radio)是否有被选中,并获取选中的值。 首先,我们需要理解HTML中的`<input type="radio">`元素。在网页中,单选按钮通常用于提供一组互斥的选择选项,用户只能选择...

    jquery获取input表单值的代码

    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...

    Jquery获取Select标签的值

    ### Jquery 获取 Select 标签的值 在前端开发中,使用 jQuery 框架能够极大地简化 DOM 操作,使得获取或设置 HTML 元素的属性变得更加容易。本篇文章将详细介绍如何利用 jQuery 来获取 Select 标签的值以及相关的...

    jquery获取form表单input元素值的简单实例

    如果是radio类型,则返回被选中选项的值。 除了val()方法,attr()方法也可以用来获取input元素的值。attr()方法用于获取指定元素的属性值,其语法为:$("#id").attr("name"),其中"name"为属性的名称。例如,$("#...

    如何使用jQUery获取选中radio对应的值(一句代码)

    标题提到的"如何使用jQuery获取选中radio对应的值(一句代码)",实际上就是通过jQuery选择器找到当前被选中的`radio`按钮,并获取其`value`属性。以下是对这个过程的详细解释: 首先,我们需要理解jQuery的选择器。...

    jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法

    使用jQuery获取选中值,可以使用`:checked`选择器来定位当前被选中的按钮,然后调用`.val()`方法获取其值。代码如下: ```javascript var selectedValue = $("input[name='likea']:checked").val(); ``` 这段代码...

    jQuery获取radio选中项的值实例

    在本实例中,我们探讨的是如何使用jQuery获取单选按钮(radio)选中项的值。单选按钮通常用于提供用户从多个选项中选择一个的情况。 首先,让我们解析一下给出的代码片段: ```html <script src="js/jquery-1.7.2....

    jquery获取各种radio,checkbox,select的值等

    1. **jQuery获取Select的值**: - `$("#select_id").change(function() {...})`:此代码会为ID为`select_id`的select元素添加一个change事件监听器,当用户选择新的选项时,会执行函数内的代码。 - `var checkText...

    jquery获取radio值实例

    本文实例讲述了jquery获取radio值的方法,分享给大家供大家参考。具体如下: 单选组radio: 代码如下:$(“input[@type=radio][@checked]”).val(); 单选组 radio: 代码如下:$(“input[@type=radio]”).attr(...

    jQuery中获取Radio元素值的方法

    ### jQuery中获取Radio元素值的方法知识点 #### 1. jQuery基础选择器 在jQuery中,可以使用多种选择器来选取页面中的元素。对于获取单个或多个特定元素,如radio按钮的值,可以使用以下几种方式: - 类选择器:...

    JQuery判断radio(单选框)是否选中和获取选中值方法总结

    主要介绍了JQuery判断radio(单选框)是否选中和获取选中值方法总结,本文讲解了利用获取选中值判断选中、使用checked属性判断选中、jquery获取radio单选按钮的值、获取一组radio被选中项的值、设置单选按钮被选中等...

    jQuery获取选中单选按钮radio的值

    jQuery获取这些按钮的值主要依赖于选择器。首先,我们通过`$('#wrap input[name="payMethod"]')`来选取id为"wrap"的div内所有name为"payMethod"的输入元素。然后,使用`:checked`选择器来筛选出被选中的单选按钮,...

    Jquery 获取input 值

    这段代码通过选择器 `input[name=items]:checked` 选择了所有 name 属性为 `items` 且被选中的 radio 按钮,并通过 `.val()` 方法获取其 value 属性的值。 ### 二、设置 Radio 按钮的值 有时候我们需要手动设置...

    jQuery中如何判断radio选中(4种方法)

    第二种方法是使用属性过滤选择器来查找所有被选中的`radio`按钮,并从中获取其值。 ```javascript var modelType = $('input[name=myRadio][checked]').val(); ``` **解释:** - `$('input[name=myRadio][checked]...

Global site tag (gtag.js) - Google Analytics