jQuery操作input值的各种方法总结
2013-11-21 00:00
676 查看
获取选中的值
获取一组radio被选中项的值
获取select被选中项的文本
select下拉框的第二个元素为当前选中值
radio单选组的第二个元素为当前选中值
获取值:
文本框,文本区域:
多选框checkbox:
单选组radio:
下拉框select:
控制表单元素:
文本框,文本区域:
多选框checkbox:
单选组radio:
下拉框select:
=====================
在Jquery中,用$("#id")来获得页面的input元素,其相当于document.getElementById("element") 但是,该获取的是一个Jquery对象,而不是一个dom element对象.value是dom element对象的属性.所以,使用 $("#id").value不能取到值 取值的方法如下: 取值:val = $("#id")[0].value; $("#id")[0].value = "new value"; 赋值: $("#id")[0].value = "new value";
或者$("#id").val("new value"); val = $("#id").attr("value");
==================================
jquery input text radio check 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"); $("#txt").val();
多选框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();//清空下拉框
=====================
在Jquery中,用$("#id")来获得页面的input元素,其相当于document.getElementById("element") 但是,该获取的是一个Jquery对象,而不是一个dom element对象.value是dom element对象的属性.所以,使用 $("#id").value不能取到值 取值的方法如下: 取值:val = $("#id")[0].value; $("#id")[0].value = "new value"; 赋值: $("#id")[0].value = "new value";
或者$("#id").val("new value"); val = $("#id").attr("value");
==================================
jquery input text radio check select
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script src="jquery-starterkit/lib/jquery-1.3.2.min.js" type="text/javascript"></script> </head> <body> <input type="text" id="dd" name="dd" value="dds"/>dd <input name="rr" id="rr" type="radio" value="34" />ff <input name="rr" id="rr2" type="radio" value="4" />55 <input name="ff" type="checkbox" value="aa" />jgdg <input name="ff" type="checkbox" value="gd" />jgdg <select name="ss" id="ss" size="1"> <option value=""></option> <option value="8">d</option> <option value="2">g</option> </select> <br/> <input type="button" id="button" value="按钮一" /> <input type="button" id="jj" value="按钮二" /> <br/> <div id="ssd">fgfooHello</div> </body> <script language="javascript" type="text/javascript"> <!-- $(function(){ $("#button").click(function(){ //获取值 //alert( $('#dd').val());//type=text // alert($('input[name=rr][checked]').val());//type=radio // alert($('input[name=ff][checked]').val());//type=checkbox // alert($("select[name=ss] option[selected]").val());//select 相等于alert($("#ss option[selected]").val()); //获取文本 //alert($("select[name=ss] option[selected]").text());//select //控制 /*// Disable #dd 禁用 $("#dd").attr("disabled","disabled"); // Enable #dd 解禁 $("#jj").removeAttr("disabled");*/ // $('input[name=rr]').get(0).checked = true;//第一个radio被选中 //alert($("input[type=radio][value=34]").attr("checked",'checked'));//value=34的radio被选中 //alert($("input[type=checkbox][value=gd]").attr("checked",'checked'));//value=gd的checkbox被选中 //$('input[name=ff]').get(1).checked = true;//第一个check被选中 /*//根据option的text选中option count=$("#ss").find("option").length; for(var i=0;i<count;i++) { if($("#ss").get(0).options[i].text == 'd') { $("#ss").get(0).options[i].selected = true; break; } } */ //$("<option value='1'>1111</option><option value='25'>22s22</option>").appendTo("#ss");//增加option //$("#ss option[value=8]").remove("");//除去 <option value='8'>d</option> //$("#ss").attr("value",'2');//选中option //$('#ss')[0].selectedIndex = 1;//选中option //$("#ss").empty();//清空全部option /*//替换文本 var $thirdLink = $("#ssd"); var linkText = $thirdLink.text().replace('foo','bar'); $thirdLink.text(linkText); */ }); }); --> </script> </html>
相关文章推荐
- jQuery操作input值的各种方法总结
- jQuery操作input值的各种方法总结
- jQuery操作input值的各种方法总结
- ASP.NET MVC WebApi 返回数据类型序列化控制(json,xml) 用javascript在客户端删除某一个cookie键值对 input点击链接另一个页面,各种操作。 C# 往线程里传参数的方法总结 TCP/IP 协议 用C#+Selenium+ChromeDriver 生成我的咕咚跑步路线地图 (转)值得学习百度开源70+项目
- jquery操作select、input的多种方法(选中,取值,赋值等)
- jquery操作input、select、checkbox、radio常用方法
- jquery操作字符串常用方法总结及工作代码
- ASP.NET操作DataTable各种方法总结
- JQuery:各种操作表单元素方法小结
- jquery对Json的各种遍历方法总结(必看篇)
- jquery 操作iframe的几种方法总结_jquery_
- jQuery各种选择器、节点、事件,删除、复制、插入元素的使用方法总结
- ASP.NET操作DataTable各种方法总结(给Datatable添加行列、DataTable选择排序等)
- jQuery操作input的值总结
- JQuery:各种操作表单元素方法小结
- jquery 操作iframe的几种方法总结
- ASP.NET操作DataTable各种方法总结(给Datatable添加行列、DataTable选择排序等)
- jQuery获取及设置表单input各种类型值的方法小结
- jquery对Json的各种遍历方法总结(必看篇)
- js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件,兼容各大主流浏览器 HTML特殊字符