`
ljjr13
  • 浏览: 21769 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
文章分类
社区版块
存档分类
最新评论

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

阅读更多

Jquery对Radio,checkbox,select 的操作:

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 = $('input[@name=items][@checked]').val();



 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();

 


控制表单元素:

文本框,文本区域:

$("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项

 

$("#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取值.pdf

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

    jquery表单元素取值

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

    jquery学习

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

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

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

    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还提供了其他操作,如检查单选按钮或复选框是否被选中,或者改变选中状态。例如,`$("#chk_id").attr("checked", "checked")`可以勾选复选框,`$("#chk_id").attr("checked", "");`则...

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

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

    jquery操作表单案例

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

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

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

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

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

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

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

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

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

    jQuery对html元素的取值与赋值实例详解

    #### jQuery 元素的取值 jQuery提供了多种方法来获取HTML元素的值。下面是一些基本的控件以及它们如何使用jQuery来获取值的实例: 1. **文本框(TEXTBOX)**: - 获取文本框的值:`var str = $('#txt').val();` ...

Global site tag (gtag.js) - Google Analytics