JQuery 操作input
获取选中的值 获取一组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>& lt;optionvalue='2'>2222</option>").appendTo("#sel")//添加下拉框的 option $("#sel").empty()；//清空下拉框
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
val = $("#id").attr("value");
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
<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 之 checkbox
jQuery 操作 input 之 checkbox 一片 HTML 清单: <input type="checkbox" name="hobby" va ...
- python 全栈开发，Day54(jQuery的属性操作,使用jQuery操作input的value值,jQuery的文档操作)
昨日内容回顾 jQuery 宗旨:write less do more 就是js的库,它是javascript的基础上封装的一个框架 在前端中,一个js文件就是一个模块 一.用法: 1.引入包 2.入 ...
- jquery操作input值总结
获取选中的值获取一组radio被选中项的值var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本var item = $ ...
- js、jQuery操作input大全 不断完善
工作中经常用到的,不断更新中... jquery获取单选按钮的值:$("input[name='stageName']:checked").val(); 删除select某几个op ...
- 05-使用jQuery操作input的value值
表单控件是我们的重中之重,因为一旦牵扯到数据交互,离不开form表单的使用,比如用户的注册登录功能等 那么通过上节知识点我们了解到,我们在使用jquery方法操作表单控件的方法: $(selector ...
- jQuery操作<input type="radio">
input type="radio">如下: <input type="radio" name="city" value=&qu ...
- 使用jQuery操作input的value值
表单控件是我们的重中之重,因为一旦牵扯到数据交互,离不开form表单的使用,比如用户的注册登录功能等 那么通过上节知识点我们了解到,我们在使用jquery方法操作表单控件的方法: $(selector ...
- jQuery系列（五）：jQuery操作input的value值
表单控件是重中之重,因为一旦牵扯到数据交互,离不开form表单的使用,比如用户的注册登录功能等. jQuery操作表单控件的方法: $(selector).val()//设置值和获取值 1.实例代码 ...
- jQuery操作 input type=checkbox的实现代码
代码如下: <input type="checkbox">: 2012欧洲杯"死亡之组"小组出线的国家队是:<br> <input ...
随机推荐
- 目前常用AD/DA芯片简介
目前生产AD/DA的主要厂家有ADI.TI.BB.PHILIP.MOTOROLA等,武汉力源公司拥有多年从事电子产品的经验和雄厚的技术力量支持,已取得排名世界前列的模拟IC生产厂家ADI.TI公司代理 ...
- MATLAB介绍
MATLAB MATLAB[1] 是美国MathWorks公司出品的商业数学软件,用于算法开发.数据可视化.数据分析以及数值计算的高级技术计算语言和交互式环境,主要包括MATLAB和Simulink ...
- C++字符串之一（字符表示）
在C++中有两种类型可以用于表示字符,char和wchar_t. 但是字符串格式的标准却有很多种,如ASCII,UTF8,UTF16,UTF32等等.字符串的格式和char/wchar_t 的关系是什 ...
- c语言结构体排序示例
设计性实验编程实现对学生成绩表的相关信息排序.实验要求:⑴ 建立一个由n个学生的考试成绩表,每条信息由学号.姓名和分数组成.⑵ 按学号排序,并输出排序结果.⑶ 按分数排序,分数相同的则按学号有序,并输 ...
- linux环境开发私房菜
1,各种linux 平台GUI开发IDE环境 2,C/C++ 好的编译器 gcc/emcs;
- Aix 文件名补齐及aix6.1 bash安装
Aix历史查询快捷键=>按ESC+k 设置KSH的自动补全(仅仅是文件名补全,没有命令补全)和历史命令功能 方法一: set -o vi 历史命令功能(esc -,esc +)自动补全文件名(e ...
- java——推断日期是否在今天之前
这里说的日期是指字符串的日期格式,如"2014-10-15",我们要推断这个日期是否在今天之前,网上看到好多推断的方法,都是拿这个日期转换成Date对象 然后与new Date() ...
- jQuery模拟原生态App上拉刷新下拉加载
jQuery模拟原生态App上拉刷新下拉加载效果代码,鼠标上拉时会显示loading字样,并且会模拟加载一条静态数据,支持触屏设备使用. <!doctype html> <html ...
- javascript高级知识点——内置对象原型
代码信息来自于http://ejohn.org/apps/learn/. 可以修改内置对象的方法. if (!Array.prototype.forEach) { Array.prototype.fo ...
- 配置Nutch模拟浏览器以绕过反爬虫限制
原文链接:http://yangshangchuan.iteye.com/blog/2030741 当我们配置Nutch抓取 http://yangshangchuan.iteye.com 的时候,抓 ...