`
alert_mm
  • 浏览: 168508 次
  • 性别: Icon_minigender_2
  • 来自: 厦门
社区版块
存档分类
最新评论

Jquery获取设置radio select checkbox 文本框

阅读更多

Jquery获取设置radio select checkbox 文本框

 

获取一组radio被选中项的值
var item = $('input[@name=items][@checked]').val();
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;

获取值:

文本框,文本区域:$("#txt").attr("value");
多选框checkbox:$("#checkbox_id").attr("value");
单选组radio: $("input[@type=radio][@checked]").val();
下拉框select: $('#sel').val();

控制表单元素:
文本框,文本区域:$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",'11');//填充内容

多选框checkbox: $("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

单选组radio: $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项 (
$("input[@name=radio_s][@value=16]").attr("checked",true);(测试通过

下拉框select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项 (错)

$("select[name=sex] option[value="-sel3"]").attr("selected",true);(测试通过)


$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框

$("#select1")[0].options(index).selected = true; //使第index个option选中
   $("#select1")[0].options(3).text //取索引为3的option值

分享到:
评论
2 楼 alert_mm 2009-07-23  
yunyetui 写道
最新的jquery包 已经不需要@

比如:$("input[@name='']")
应该为 $("input[name='']")

嗯~ 我知道的 这是针对jquery 1.2.6之前的版本来讲的
1 楼 yunyetui 2009-07-17  
最新的jquery包 已经不需要@

比如:$("input[@name='']")
应该为 $("input[name='']")

相关推荐

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

    在JavaScript的世界里,jQuery库提供了一种简洁的方式来操作DOM元素,包括处理radio、checkbox和select。这些元素在网页表单中十分常见,用于收集用户输入。以下是对标题和描述中涉及的知识点的详细说明: 1. **...

    jQuery获取Select选择的Text和_Value

    jQuery 获取和设置 Select 选择的 Text 和 Value jQuery 获取 Select 选择的 Text 和 Value 是一种常见的操作,例如在表单提交前获取用户选择的选项,或者在页面加载时根据服务器端的数据设置选择的选项。本文将...

    jQuery获取Select标签的手册

    本手册将详细介绍如何使用jQuery获取和操作`Select`标签以及相关的`Radio`和`Checkbox`元素。 1. **获取Select标签的value值**: 要获取`Select`标签中当前选中的选项的`value`属性值,可以使用`$('select').val()...

    Jquery获取Select标签的值

    除了获取 Select 标签的值之外,还可以通过 jQuery 来控制其他表单元素的行为,包括文本框、复选框、单选按钮等。 ##### 1. 文本框与文本区域 - **清空内容**:`$("#txt").val("");` - **填充内容**:`$("#txt")....

    jQuery获取Radio,CheckBox选择的Value值(示例代码)

    ### 知识点详解 ...以上内容总结了通过jQuery获取和操作Radio、CheckBox以及文本框Value值的基本方法。这些操作对于处理表单数据和用户交互非常有用,而且示例代码也方便读者理解和实际应用这些知识点。

    jquery获取表单值

    本文将详细讲解如何使用jQuery来获取不同类型的表单控件(如文本框、文本域、单选按钮、复选框、下拉列表)的值。 #### 一、获取表单控件的值 ##### 1. 获取文本框(`&lt;input type="text"&gt;`)的值 文本框是最常见...

    jquery text,radio,checkbox,select操作实现代码

    本文将介绍如何使用jQuery来操作表单中的文本框(text)、文本区域(textarea)、多选框(checkbox)、单选按钮(radio)和下拉列表(select)等元素。掌握这些操作对于构建动态的网页界面至关重要。 首先,我们...

    jquery获取表单元素的方法

    本文将详细解析如何使用jQuery获取表单元素的各种值,包括文本框(TEXT)、文本区域(AREA TEXT)、复选框(CHECKBOX)、单选按钮(RADIO)、下拉列表(SELECT)以及表格(TABLE)中的数据。 ### 文本框(TEXT) ...

    JQuery获取input控件值.docx

    下面将详细解释如何使用jQuery来获取和设置text、textarea、radio、checkbox以及select等不同类型的input控件的值。 1. **获取text和textarea值**: - 对于`&lt;input type="text"&gt;`和`&lt;textarea&gt;`,可以使用`.attr()...

    Jquery 获取表单text,areatext,radio,checkbox,select值的代码

    在表单元素中常见的有文本输入框(text)、文本区域(textarea)、单选按钮(radio)、复选框(checkbox)和下拉选择框(select)。 对于文本输入框和文本区域,可以通过attr方法来获取其值: ```javascript // ...

    jQuery获取及设置表单input各种类型值的方法小结

    本文对jQuery获取及设置表单input各种类型值的方法进行了详细的小结。首先,对于radio类型输入框,可以通过使用jQuery选择器获取被选中项的值,例如使用$("input[@name=items]:checked").val();可取得一组具有相同...

    jquery获得select option值

    根据提供的文件信息,我们可以总结出一系列关于如何使用jQuery来获取不同类型的表单元素(如文本框、单选按钮、复选框以及下拉列表)的值的方法。下面将详细介绍这些方法及其应用场景。 ### 一、获取文本框(input ...

    JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)

    总结,通过jQuery,我们可以方便地获取和设置`select`、`dropdownlist`(通常指`select`)、`checkbox`等表单元素的值,并进行添加、删除、选中等操作,极大地提高了前端开发的效率和代码的可读性。以上代码示例适用...

    jquery_select

    除了`&lt;select&gt;`元素,jQuery也支持对其他表单元素如`&lt;input type="radio"&gt;`, `&lt;input type="checkbox"&gt;`, `&lt;input type="text"&gt;`, `&lt;textarea&gt;`等进行操作: - **获取radio或checkbox的值**:`$("input[name=items]...

    jquery获得selectoption值[文].pdf

    以下是一些关于如何使用jQuery获取和设置`select`、`option`、`radio`、`checkbox`以及文本输入(`input[type=text]`)等元素的值的关键知识点: 1. **获取选中的`select`值**: ```javascript var item = $(...

    Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结

    在JavaScript和jQuery中,操作HTML表单元素如radio、select和checkbox是非常常见的需求。下面将详细介绍如何使用jQuery来判断这些元素是否被选中以及如何获取它们的选中值。 1. **Radio Button(单选按钮)** - **...

    Jquery学习

    本文将深入探讨jQuery中关于Select选择器的使用,包括获取与设置选择的Text和Value、添加/删除Option项,以及表单元素的控制方法,帮助你快速掌握jQuery的核心技能。 一、jQuery获取Select选择的Text和Value 1. ...

    jQuery获取Select选择的Text和Value(详细汇总)

    - 获取或设置文本框和文本区域的值,使用`$(“#txt”).attr(“value”);` - 对于多选框(Checkbox),`$(“#checkbox_id”).attr(“checked”, true/false);`可以控制是否被选中。 在实际应用中,这些jQuery方法...

Global site tag (gtag.js) - Google Analytics