文档章节

jQuery radio取值,checkbox取值,select取值

 蜗牛奔跑
发布于 2015/11/02 09:52
字数 662
阅读 29
收藏 1

语法解释:

1

$("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发

2

var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text

3

var checkValue=$("#select_id").val();  //获取Select选择的Value

4

var checkIndex=$("#select_id ").get(0).selectedIndex;  //获取Select选择的索引值

5

var maxIndex=$("#select_id option:last").attr("index");  //获取Select最大的索引值

jQuery设置Select选择的Text和Value:

语法解释:

1

$("#select_id ").get(0).selectedIndex=1;  //设置Select索引值为1的项选中

2

$("#select_id ").val(4);   //设置Select的Value值为4的项选中

3

$("#select_id option[text='jQuery']").attr("selected", true);   //设置Select的Text值为jQuery的项选中

jQuery添加/删除Select的Option项:

语法解释:

1

$("#select_id").append("<option value='Value'>Text</option>");  //为Select追加一个Option(下拉项)

2

$("#select_id").prepend("<option value='0'>请选择</option>");  //为Select插入一个Option(第一个位置)

3

$("#select_id option:last").remove();  //删除Select中索引值最大Option(最后一个)

4

$("#select_id option[index='0']").remove();  //删除Select中索引值为0的Option(第一个)

5

$("#select_id option[value='3']").remove();  //删除Select中Value='3'的Option

6

$("#select_id option[text='4']").remove();  //删除Select中Text='4'的Option

jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关获取一组radio被选中项的值

1

var item = $('input[@name=items][@checked]').val();

获取select被选中项的文本

1

var item = $("select[@name=items] option[@selected]").text();

select下拉框的第二个元素为当前选中值

1

$('#select_id')[0].selectedIndex = 1;

radio单选组的第二个元素为当前选中值

1

$('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();//清空下拉框

 

 

//遍历option和添加、移除option

view source?

01

function changeShipMethod(shipping) {

02

    var len = $("select[@name=ISHIPTYPE] option").length

03

    if (shipping.value != "CA") {

04

        $("select[@name=ISHIPTYPE] option").each(function() {

05

            if ($(this).val() == 111) {

06

                $(this).remove();

07

            }

08

        });

09

    } else {

10

        $("<option value='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]"));

11

    }

12

}

//取得下拉选框的选取值

$(#testSelect option:selected').text();

或 $("#testSelect").find('option:selected').text();

或 $("#testSelect").val();

 

 

复选框,推荐如下操作方式

$("#chk2")[0].checked = true;

$("#chk2")[0].checked = false;


本文转载自:

粉丝 38
博文 615
码字总数 118352
作品 0
海淀
私信 提问
jquery 学习

1.常见的jquery 对象操作 jquery取radio单选按钮的值 $("input[name='items']:checked").val(); jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相......

晨曦之光
2012/03/09
90
0
jquery radio取值,checkbox取值,select取值,radio选中,checkbo

一、jquery取radio单选按钮的值 $("input[name='items']:checked").val(); 另:判断radio是否选中并取得选中的值 如下所示: function checkradio(){ var item = $(":radio:checked"); var l......

乐派电影
2014/03/31
257
0
jQuery操作form input、select、checkbox、radio常用方法

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#selectid").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#selectid").find("op......

youxizhe
2014/11/13
3.7K
0
jQuery获取Select选择的Text和Value

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("o......

gymg
2012/10/10
199
2
jQuery获取Select选择的Text和 Value

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#selectid").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#selectid").find("op......

李长春
2011/10/28
519
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周六乱弹 —— 如果是个帅小伙你愿意和他出去吗

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 小小编辑推荐:《Ghost 》游戏《死亡搁浅》原声 《Ghost 》游戏(《死亡搁浅》原声) - Au/Ra / Alan Walker 手机党少年们想听歌,请使劲儿戳...

小小编辑
24分钟前
21
3
java通过ServerSocket与Socket实现通信

首先说一下ServerSocket与Socket. 1.ServerSocket ServerSocket是用来监听客户端Socket连接的类,如果没有连接会一直处于等待状态. ServetSocket有三个构造方法: (1) ServerSocket(int port);...

Blueeeeeee
今天
6
0
用 Sphinx 搭建博客时,如何自定义插件?

之前有不少同学看过我的个人博客(http://python-online.cn),也根据我写的教程完成了自己个人站点的搭建。 点此:使用 Python 30分钟 教你快速搭建一个博客 为防有的同学不清楚 Sphinx ,这...

王炳明
昨天
5
0
黑客之道-40本书籍助你快速入门黑客技术免费下载

场景 黑客是一个中文词语,皆源自英文hacker,随着灰鸽子的出现,灰鸽子成为了很多假借黑客名义控制他人电脑的黑客技术,于是出现了“骇客”与"黑客"分家。2012年电影频道节目中心出品的电影...

badaoliumang
昨天
16
0
很遗憾,没有一篇文章能讲清楚线程的生命周期!

(手机横屏看源码更方便) 注:java源码分析部分如无特殊说明均基于 java8 版本。 简介 大家都知道线程是有生命周期,但是彤哥可以认真负责地告诉你网上几乎没有一篇文章讲得是完全正确的。 ...

彤哥读源码
昨天
19
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部