var value = $(":text[name=value]").val(); 我不理解":text[name=value]"这个选择器是quot什么意思思,请指教!

44587人阅读
JQuery(9)
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关设置
获取一组radio被选中项的值:var item = $('input[name=items][checked]').val();
获取select被选中项的文本:var item = $(&select[@name=items] option[@selected]&).text();
获取select被选中项的文本 :var item = $(&select[name=items] option[selected]&).text(); 或$(&select[name=items]&).find(&option:selected&).text();
select下拉框的第二个元素为当前选中值:$('#select_id')[0].selectedIndex = 1;
select下拉框value = 'val'的元素为当前选中项:$(&select[name=items] option[value='val']&).attr(&selected&,&selected&);
radio单选组的第二个元素为当前选中项 :$('input[@name=items]').get(1).checked = 或$('input[name=items]').attr(&checked&, '1′);
radio的value = 'val'的元素为当前选中项:$('input[name=items] [value='val']').attr(&checked&,&checked&);
获取值:
文本框,文本区域:$(&#txt&).attr(&value&);
多选框checkbox:$(&input[name='checkbox':checked]&).each(function(){
var val = $(this).val();
单选组radio: $(&input[type=radio][checked]&).val();
下拉框select的value值: $('select').val();
下拉框select选中的text 值:$(&select&).find(&option:selected&).text();
控制表单元素:
文本框,文本区域:$(&#txt&).attr(&value&,&); //清空内容
&&&&&&&&&&&&&&&&&&&&&& $(&#txt&).attr(&value&,'11′); //填充内容
多选框checkbox:
checkbox的第二个元素被打勾:$(&input[name=items]&).get(1).checked = //打勾
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& $(&input[name=items]&).get(1).checked = //不打勾
checkbox的value='val'的元素前打勾:$(&input[name=item][value='val']&).attr(&checked&,true); 或$(&input[name=item][value='val']&).attr(&checked&,&checked&);
if($(&input[name=item][value='val']&).attr('checked')==true) //判断是否已经打勾
单选组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获取Radio选择的Value值
$(&input[name='radio_name'][checked]&).val(); //选择被选中Radio的Value值
$(&#text_id&).focus(function(){//code...}); //事件 当对象text_id获取焦点时触发
$(&#text_id&).blur(function(){//code...}); //事件 当对象text_id失去焦点时触发
$(&#text_id&).select(); //使文本框的Vlaue值成选中状态
$(&input[name='radio_name'][value='要选中Radio的Value值'&).
attr(&checked&,true); //根据Value值设置Radio为选中状态
jQuery获取CheckBox选择的Value值
$(&input[name='checkbox_name'][checked]&); //选择被选中CheckBox元素的集合 如果你想得到Value值你需要遍历这个集合
$($(&input[name='checkbox_name'][checked]&)).
each(function(){arrChk+=this.value + ',';});//遍历被选中CheckBox元素的集合 得到Value值
$(&#checkbox_id&).attr(&checked&); //获取一个CheckBox的状态(有没有被选中,返回true/false)
$(&#checkbox_id&).attr(&checked&,true); //设置一个CheckBox的状态为选中(checked=true)
$(&#checkbox_id&).attr(&checked&,false); //设置一个CheckBox的状态为不选中(checked=false)
$(&input[name='checkbox_name']&).attr
(&checked&,$(&#checkbox_id&).attr(&checked&));//根据3,4,5条,你可以分析分析这句代码的意思
$(&#text_id&).val().split(&,&); //将Text的Value值以','分隔 返回一个数组
&jquery1.3.2
ISDARK : $(&input[@type=radio][name=ISDARK][checked]&).val()
$(&input[name=radioname][value=radio值]&).attr(&checked&,&checked&);
参考知识库
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:200043次
积分:2533
积分:2533
排名:第9973名
原创:79篇
评论:20条
(1)(2)(1)(1)(1)(7)(2)(12)(4)(10)(3)(1)(1)(1)(1)(11)(4)(19)浅析JQuery中的html(),text(),val()区别
投稿:hebedich
字体:[ ] 类型:转载 时间:
jQuery中.html()用为读取和修改元素的HTML标签,.text()用来读取或修改元素的纯文本内容,.val()用来读取或修改表单元素的value值。
html():取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档
html(val):设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
text():取得所有匹配元素的内容。
结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。
text(val):设置所有匹配元素的文本内容
与 html() 类似, 但将编码 HTML (将 "&" 和 "&" 替换成相应的HTML实体).
val():获得第一个匹配元素的当前值。
val(val):设置每一个匹配元素的值。
上面的内容是在JQuery的帮助文档里拷贝的,也都不废话多说了。下面是自己做的一些练习,代码如下:
在做练习的时候我发现了html和text的另一个不同的地方
html()去元素的内容的时候,能将所选定的元素下面的格式也取到了。
如:&div id="divShow"&&b&&i&Write Less Do More&/i&&/b&&/div&
如果我们用var strHTML = $("#divShow").html();取的话,
结果是:&b&&i&Write Less Do More&/i&&/b&
如果我们用var strHTML2 = $("#divShow b i").html();取的话
结果是Write Less Do More
而text没有第一种情况,
如果我们var strText = $("#divShow").text();取的话
结果是Write Less Do More
&%@ page language="java" import="java.util.*" pageEncoding="utf-8"%&
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&
&base href="&%=basePath%&"&
&script src="js/jquery.js" type="text/javascript"&&/script&
&script src="/jquery-latest.js"&&/script&
&title& 获取或设置元素的内容&/title&
&style type="text/css"&
body{font-size:15text-align:center}
div{border:solid 0px #666;padding:5width:220margin:5px}
&script type="text/javascript"&
$(function() {
var strHTML = $("#divShow").html();// 获取HTML 内容(包含div下面的两个格式)
var strHTML2 = $("#divShow b i").html(); //获取HTML内容
var strHTML3 = $("div").html();
var strText = $("#divShow").text();// 获取文本内容
var strText2 = $("div").text();
$("#divHTML").html(strHTML);// 设置HTML 内容
$("#divHTML2").html(strHTML2); //设置HTML内容
$("#divHTML3").html(strHTML3); //设置HTML内容
$("p").html(strHTML);
$("#divText").text(strText);// 设置文本内容
$("#divText2").text(strText2);// 设置文本内容
$("a").text(strText);
$("select").change(function() { // 设置列表框change 事件
// 获取列表框所选中的全部选项的值
alert($("select").val());
var strSel = $("select").val().join(",");
$("input").val(strSel); // 显示列表框所选中的全部选项的值
&table border="1" bordercolor="#A9A9A9" cellspacing="0"&
&tr&&td&******************************&/td&&td&*******************************************&/td&&/tr&
&td&&div id="divShow"&&b&&i&Write Less Do More&/i&&/b&&/div&&/td&
&td&这是原内容&/td&
&td&&div id="divShow"&&b&&i&Write XXXX Do XXXX&/i&&/b&&/div&&/td&
&td&这是原内容&/td&
&tr&&td&******************************&/td&&td&*******************************************&/td&&/tr&
&td&&div id="divHTML"&1&/div&&/td&
&td&获取原内容(连带内容的格式)后以html方式输出&/td&
&td&&div id="divHTML2"&2&/div&&/td&
&td&获取原内容(不带内容的格式)后以html方式输出&/td&
&td&&div id="divHTML3"&3&/div&&/td&
&td&获取原内容(获取第一个匹配元素的内容)后以html方式输出&/td&
&td&&p&&/p&&/td&
&td&HTML方式设置段落的文本&/td&
&td&&p&&/p&&/td&
&td&如果这个也有内容了,就是设置每个匹配元素的内容&/td&
&tr&&td&******************************&/td&&td&*******************************************&/td&&/tr&
&td&&div id="divText"&4&/div&&/td&
&td&获取原内容后以text方式输出&/td&
&td&&div id="divText2"&&/div&&/td&
&td&获取原内容(获取所有匹配元素的内容)后以text方式输出&/td&
&td&&a&&/a&&/td&
&td&TEXT方式设置段落的文本&/td&
&td&&a&&/a&&/td&
&td&如果这个也有内容了,就是设置每个匹配元素的内容&/td&
&tr&&td&******************************&/td&&td&*******************************************&/td&&/tr&
&select multiple="multiple"style="height:96width:85px"&
&option value="1"&Item 1&/option&
&option value="2"&Item 2&/option&
&option value="3"&Item 3&/option&
&option value="4"&Item 4&/option&
&option value="5"&Item 5&/option&
&option value="6"&Item 6&/option&
&option value="7"&Item 7&/option&
&option value="8"&Item 8&/option&
&option value="9" selected&Item 9&/option&
&td&&input &&/input&&/td&
&td&&input &&/input&&/td&
大家也都可以自己去验证下,上面是我做的实验,我用的JQuery是1.6
总结一下:
.html()用为读取和修改元素的HTML标签
.text()用来读取或修改元素的纯文本内容
.val()用来读取或修改表单元素的value值。
这三个方法功能上的对比
.html(),.text(),.val()三种方法都是用来读取选定元素的内容;只不过.html()是用来读取元素的HTML内容(包括其Html标签),.text()用来读取元素的纯文本内容,包括其后代元素,.val()是用来读取表单元素的"value"值。其中.和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上;另外.html()方法使用在多个元素上时,只读取第一个元素;.val()方法和.html()相同,如果其应用在多个元素上时,只能读取第一个表单元素的"value"值,但是.text()和他们不一样,如果.text()应用在多个元素上时,将会读取所有选中元素的文本内容。
.html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容,如果三个方法同时运用在多个元素上时,那么将会替换所有选中元素的内容。
.html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具可以解释下下面的程序吗,这是道倒序的编程。 特别是这句: x = Val(Text1.Value)_百度知道
可以解释下下面的程序吗,这是道倒序的编程。 特别是这句: x = Val(Text1.Value)
不得删除本行注释
y = y * 10 + x Mod 10
x = x &#92, y&
x = Val(Text1; 10
Text2.Value)
Do While x &gtPrivate Sub Command1_Click()''&#39
提问者采纳
这句的作用是把 text1里边的内容转为 数值类型,内容是字符型的,因为 text是文本框这个程序 是把 text1文本框里写的数字 倒序输出到 text2文本框里边,比如你 text1里边是
145 ,那个 text2里边就会变成
541x = Val(Text1
那接下来的怎么解释?
提问者评价
其他类似问题
为您推荐:
其他1条回答
x = Val(Text1.Value)就是把Text1中的文本转换为数值,并赋值给x。
val的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁jQuery获取Select选择的Text和 Value(转) - yaoshiyou - 博客园
& &&& jQuery获取Select选择的Text和Value:语法解释:1. $("#select_id").change(function(){//code...});&& //为Select添加事件,当选择其中一项时触发2. var checkText=$("#select_id").find("option:selected").text();& //获取Select选择的Text3. var checkValue=$("#select_id").val();& //获取Select选择的Value4. var checkIndex=$("#select_id ").get(0).selectedI& //获取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'的Option5. $("#select_id option[text='4']").remove();& //删除Select中Text='4'的Option /SAL2928/archive//1321285.html jquery radio取值,checkbox取值,select取值,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 = 获取值: 文本框,文本区域:$("#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和添加、移除optionfunction changeShipMethod(shipping){var len = $("select[name=ISHIPTYPE] option").lengthif(shipping.value != "CA"){$("select[name=ISHIPTYPE] option").each(function(){if($(this).val() == 111){$(this).remove();}});}else{$("&option value='111'&UPS Ground&/option&").appendTo($("select[name=ISHIPTYPE]"));}} //取得下拉選單的選取值 $(#testSelect option:selected').text();或$("#testSelect").find('option:selected').text();或$("#testSelect").val();//////////////////////////////////////////////////////////////////记 性不好的可以收藏下:1,下拉框: var cc1 = $(".formc select[name='country'] option[selected]").text(); //得到下拉菜单的选中项的文本(注意中间有空格)var cc2 = $('.formc select[name="country"]').val(); //得到下拉菜单的选中项的值var cc3 = $('.formc select[name="country"]').attr("id"); //得到下拉菜单的选中项的ID属性值$("#select").empty();//清空下拉框 //$("#select").html('');$("&option value='1'&1111&/option&").appendTo("#select")//添加下拉框的option 稍微解释一下:1.select[name='country'] option[selected] 表示具有name 属性,并 且该属性值为'country' 的select元素 里面的具有selected 属性的option 元素; 2,单选框:$("input[@type=radio][@checked]").val(); //得到单选框的 选中项的值(注意中间没有空格)$("input[@type=radio][@value=2]").attr("checked",'checked'); //设置单选框value=2的为选中状态.(注意中间没有空格) 3,复选框:$("input[@type=checkbox][@checked]").val(); //得到复选框的选中的第一项的值$("input[@type=checkbox][@checked]").each(function() { //由于复选框一般选中的是多个,所以可以循环输出alert($(this).val());}); $("#chk1").attr("checked",'');//不打勾$("#chk2").attr("checked",true);// 打勾if($("#chk1").attr('checked')==undefined){} //判断是否已经打勾 当然jquery的选择器是强大的. 还有很多方法. &script src="jquery-1.2.1.js" type="text/javascript"&&/script&&script language="javascript" type="text/javascript"&$(document).ready(function(){$("#selectTest").change(function(){//alert("Hello");//alert($("#selectTest").attr("name"));//$("a").attr("href","xx.html");//window.location.href="xx.html";//alert($("#selectTest").val());alert($("#selectTest option[@selected]").text());$("#selectTest").attr("value", "2"); });});&/script& &a href="#"&aaass&/a& &!--下拉框--&&select id="selectTest" name="selectTest"&&option value="1"&11&/option&&option value="2"&22&/option&&option value="3"&33&/option&&option value="4"&44&/option&&option value="5"&55&/option&&option value="6"&66&/option&&/select&jquery radio取值,checkbox取值,select取值,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 =获取值:文本 框,文本区域:$("#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 =获取值:文本框,文本区域:$("#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获取Select选择的Text和Value(详细汇总)
字体:[ ] 类型:转载 时间:
Select选择的Text和Value在使用中可能都需要获取到它们的值,以至搜集用户的需求,本文整理了一些常用而实用的操作技巧,感兴趣的朋友可以了解下,就当巩固自己的知识了,希望本文对你有所帮助
语法解释:
代码如下: 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).selectedI //获取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 5. $("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option
jquery radio取值,checkbox取值,select取值,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 = 获取值: 文本框,文本区域:$("#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 function changeShipMethod(shipping){ var len = $("select[name=ISHIPTYPE] option").length if(shipping.value != "CA"){ $("select[name=ISHIPTYPE] option").each(function(){ if($(this).val() == 111){ $(this).remove(); } }); }else{ $("&option value='111'&UPS Ground&/option&").appendTo($("select[name=ISHIPTYPE]")); } }
//取得下拉選單的選取值 $(#testSelect option:selected').text(); 或$("#testSelect").find('option:selected').text(); 或$("#testSelect").val(); ////////////////////////////////////////////////////////////////// 记 性不好的可以收藏下: 1,下拉框:
代码如下: var cc1 = $(".formc select[name='country'] option[selected]").text(); //得到下拉菜单的选中项的文本(注意中间有空格) var cc2 = $('.formc select[name="country"]').val(); //得到下拉菜单的选中项的值 var cc3 = $('.formc select[name="country"]').attr("id"); //得到下拉菜单的选中项的ID属性值 $("#select").empty();//清空下拉框 //$("#select").html(''); $("&option value='1'&1111&/option&").appendTo("#select")//添加下拉框的option
稍微解释一下: 1.select[name='country'] option[selected] 表示具有name 属性, 并 且该属性值为'country' 的select元素 里面的具有selected 属性的option 元素; 2,单选框:
代码如下: $("input[@type=radio][@checked]").val(); //得到单选框的 选中项的值(注意中间没有空格) $("input[@type=radio][@value=2]").attr("checked",'checked'); //设置单选框value=2的为选中状态.(注意中间没有空格)
代码如下: $("input[@type=checkbox][@checked]").val(); //得到复选框的选中的第一项的值 $("input[@type=checkbox][@checked]").each(function() { //由于复选框一般选中的是多个,所以可以循环输出 alert($(this).val()); }); $("#chk1").attr("checked",'');//不打勾 $("#chk2").attr("checked",true);// 打勾 if($("#chk1").attr('checked')==undefined){} //判断是否已经打勾
当然jquery的选择器是强大的. 还有很多方法.
代码如下: &script src="jquery-1.2.1.js" type="text/javascript"&&/script& &script language="javascript" type="text/javascript"& $(document).ready(function(){ $("#selectTest").change(function() { //alert("Hello"); //alert($("#selectTest").attr("name")); //$("a").attr("href","xx.html"); //window.location.href="xx.html"; //alert($("#selectTest").val()); alert($("#selectTest option[@selected]").text()); $("#selectTest").attr("value", "2"); }); }); &/script&
&a href="#"&aaass&/a& &!--下拉框--& &select id="selectTest" name="selectTest"& &option value="1"&11&/option& &option value="2"&22&/option& &option value="3"&33&/option& &option value="4"&44&/option& &option value="5"&55&/option& &option value="6"&66&/option& &/select& jquery radio取值,checkbox取值,select取值,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 = 获取值: 文本 框,文本区域:$("#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 = 获取值: 文本框,文本区域:$("#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();// 清空下拉框
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具}

我要回帖

更多关于 cmquot 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信