`
pcajax
  • 浏览: 2163409 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jquery radio取值,checkbox取值,select取值,radio选中,

阅读更多

jquery radio取值,checkbox取值,select取值,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的项目为当前选中项


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

   $("<optionvalue='1'>1111</option><optionvalue='2'>2222</option>").appendTo("#sel")//添加


下拉框的option

   $("#sel").empty();//清空下拉框


获取一组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的项目为当前选中项


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


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


$("#sel").empty();//清空下拉框
 

 

分享到:
评论

相关推荐

    jquery获取input表单值的代码

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

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

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

    jquery获取元素值的方法(常见的表单元素)

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

    jQuery中的RadioButton,input,CheckBox取值赋值实现代码

    最后,本文还介绍了如何使用jQuery操作select下拉框的选中项。获取下拉框中选中项的文本、值或索引都可以通过jQuery提供的方法来实现。例如获取选中的text可以使用: ```javascript $("#ddlRegType").find("option:...

    jquery学习

    2. **Checkbox取值**: 复选框可以多选,要获取所有被选中的checkbox的值,可以循环遍历: ```javascript var values = []; $('#checkbox_id:checked').each(function() { values.push($(this).val()); }); `...

    jquery取值.pdf

    在jQuery中,取值和赋值是基本的操作,以下将详细解释如何使用jQuery进行这些操作。 首先,获取和设置文本框(TEXTAREA)的值: ```javascript // 获取值 var textval = $("#text_id").attr("value"); // 或者 var ...

    jquery表单元素取值

    ### jQuery表单元素取值详解 #### 一、引言 在Web开发中,表单是用户与网站交互的重要组成部分。jQuery作为一种流行的JavaScript库,极大地简化了JavaScript编程,特别是DOM操作方面,使得开发者能够轻松地处理HTML...

    jQuery 取值、赋值的基本方法.docx

    在jQuery中,取值和赋值是操作网页元素数据的核心功能。以下是对标题"jQuery 取值、赋值的基本方法"所涉及知识点的详细说明: 1. **取值方法**: - `$("#text_id").attr("value")` 或 `$("#text_id").val()` 用于...

    Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码

    - 若要设置第一个RadioButton为选中状态,可以使用`$(‘input:radio:first’).attr(‘checked’, ‘checked’)`, 或者 `$(‘input:radio:first’).attr(‘checked’, ‘true’)`. 这两个写法等价,因为`attr('...

    jQuery 取值、赋值的基本方法.pdf

    在文档中,我们关注的是jQuery中关于取值和赋值的基本方法,这些方法对于前端开发至关重要。 1. **取值** - `$("#text_id").attr("value")` 或 `$("#text_id").val()` 用于获取文本框或文本区域的值。 - `$(...

    jQuery对html元素取值与赋值的方法

    本文将详细讲解jQuery如何对HTML元素进行取值与赋值,特别关注文本框(TEXTBOX)、标签(LABLE)、单选按钮(Radio)、复选框(Checkbox)以及下拉列表(Select)。 1. **文本框(TEXTBOX)** - 取值:使用`.val()...

    Jquery 表单取值赋值的一些基本操作

    ### Jquery 表单取值赋值的基本操作与高级选择器详解 #### 一、概述 JQuery 是一款流行的 JavaScript 库,它极大地简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等任务。本文将详细介绍如何使用 JQuery 进行...

    jQuery 取值、赋值的基本方法整理

    除了基本的取值和赋值,jQuery还提供了其他操作,如检查单选按钮或复选框是否被选中,或者改变选中状态。例如,`$("#chk_id").attr("checked", "checked")`可以勾选复选框,`$("#chk_id").attr("checked", "");`则...

    jquery操作表单案例

    本文将深入探讨“jquery操作表单案例”中的关键知识点,包括输入元素(input)、文本区域(textarea)、单选按钮(radio)、复选框(checkbox)以及选择列表(select)的操作,特别是如何根据选择列表的文本值(text)来选定选项...

    jquery 获取表单元素里面的值示例代码

    jquery 笔记: 代码如下: $(“input[name=’radio_name’]:checked”).val() ...3 网上的东西太乱了,而且jQuery不同版本可能写法不太一样,经过搜索和做实验,下面写的是jQuery 1.3.2版本下的 jquery radio取值,check

    jQuery对表单元素的取值和赋值操作代码

    在jQuery中,对表单元素进行取值和赋值是常见的操作,这在网页交互和数据处理中至关重要。以下是对给定标题和描述中的知识点的详细说明: 1. **文本框(TEXT.AREATEXT)的取值和赋值**: - 取值:`$("#text_id")[0...

    jquery扩展插件,取得包含标签自身的html

    jquery扩展插件,jquery提供的html()方法,只能获取标签内部内容,本插件进行了扩展实现了取得包含标签自身的html,并解决了input/radio/checkbox/select等输入后无法取值问题。

    Jquery给基本控件的取值、赋值示例

    表单控件是构建网页应用程序时最常使用到的元素,例如文本框(TEXTBOX)、标签(LABEL)、单选按钮(RADIO)、复选框(CHECKBOX)和下拉列表(SELECT)等。掌握如何通过JQuery来获取和设置这些基本控件的值,对于...

Global site tag (gtag.js) - Google Analytics