控制表单元素

摘要:控制表单元素

1. 文本框,文本区域:

$("#txt").attr("value")或者$("#txt").val()//获取值

$("#txt").attr("value",‘‘);//清空内容

$("#txt").attr("value",‘11‘);//填充内容

2. 多选框checkbox:?

$("#checkbox_id").attr("value")或者$("#checkbox_id").val();//获取值

$("#chk1").attr("checked",‘‘);//不打勾

$("#chk2").attr("checked",true);//打勾

if($("#chk1").attr(‘checked‘)) //判断是否已经打勾

3. 单选组radio:

$("input[type=radio][checked]").val();//获取值

$("input[name=tt]").attr("checked",‘value2‘);//设置value=‘value2‘的项目为当前选中项

$("input[name=items]").get(1).checked = true;//第二个元素为当前选中值

if (!$(‘#facebox input[name="post_term"]‘).is(":checked")){ //判断选取

4. 下拉框select:

$("select[name=topSearch] option[selected]").val();//获取值

$("select[name=topSearch] option[selected]").text();//获取显示内容

$("#sel").attr("value",‘sel3‘); //设置value=‘sel3‘的项目为当前选中项

$("#ddlregtype ").attr("value","normal");

$("#ddlregtype ").val("normal");

$("#ddlregtype ").get(0).value = value;

$("#select_id option[text=‘jquery‘]").attr("selected", true); //设定内文为jquery的为选取

网页设计 -->找网站银行

好站推荐:网页设计除臭袜

原文:大专栏  控制表单元素

原文地址:https://www.cnblogs.com/chinatrump/p/11514249.html

时间: 2024-11-02 09:09:26

控制表单元素的相关文章

jquery 常用的表单元素控制

判断radio是否选中并取得选中的值 One: $("input[name='items']:checked").val(); Two: function checkradio(){ var item = $(":radio:checked"); var len=item.length; if(len>0){ alert("yes--选中的值为:"+$(":radio:checked").val()); } } jque

jQuery获取Select选择的Text(非表单元素)和 Value(表单元素)(转)

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

利用jQuery来简化radio,checkbox,select,radio表单元素的操作

获取一组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[@n

伪元素 控制表单样式

转载 http://www.csswang.com/exp/4842.html 当开发web应用程序时, 表单样式 是个头疼的问题.以前,web开发人员不得不接受一个现实,就是由客户端浏览器控制 表单样式 .然而,作者通过 伪元素 给web渲染引擎添加钩子,就可以控制表单的显示. 然而,所有这些 伪元素 都是依赖于特定浏览器引擎的(所以要带有浏览器引擎前缀),这样方便区分特定的浏览器引擎.以下是我自己搜集整理的,在Trident, Gecko, 和 WebKit浏览器引擎下面都可用的伪元素列表.

Jquery常用表单元素操作总结

页面当中经常要做一些checkbox,radio,select,input等表单元素的操作.做为我这样的懒人早就该总结以下,免去用到的时候,不想从头写,又不得不去以前的代码中翻.下面的代码来自实际项目中,亲测可用.呵呵-- 一.checkbox 对checkbox的判断往往是checkbox有没有被勾选.也经常有一个复选框控制其它全部复选框的选中和取消选中.如下图: 页面左上角的复选框的选中控制表格中所有的复选框.代码如下: 为了操作方便,给控制全选的复选框增加一个id叫checkAll 下面的

表单元素,框架集

一:表单元素: form标签: <form id=""(不可重)  name=""(可以重)  method="post/get"(默认为post,提交的方式,get在地址栏里方式有长度限制,别人通过解码可以看见内容.post长度不限,内容放在报头里面提交,看不到)  action="提到服务端的地址提交给谁来处理"></form>1.文本输入类文本框:<input type="text

WEB 页面 控制表单内tab键切换的顺序

在Html代码中有一个键盘属性——tabindex,它可以设置访问者在页面中按tab键的顺序.如下: <input type="button" id="b1" tabIndex="1" value="Button1" /> <input type="button" id="b2" tabIndex="2" value="Button2&qu

HTML 5 服务器发送事件、Input 类型、表单元素、表单属性

HTML5 服务器发送事件(server-sent event)允许网页获得来自服务器的更新. Server-Sent 事件 - 单向消息传递 Server-Sent 事件指的是网页自动获取来自服务器的更新. 以前也可能做到这一点,前提是网页不得不询问是否有可用的更新.通过服务器发送事件,更新能够自动到达. 例子:Facebook/Twitter 更新.估价更新.新的博文.赛事结果等. 浏览器支持 所有主流浏览器均支持服务器发送事件,除了 Internet Explorer. 接收 Server

10.HTML表单元素【上】

第十章 表单元素一. 1.<form> 表示html表单:(单独本事没什么效果,不定义无法提交) | 元素名称 (1) action : 表示表单提交的页面: //<form action="http://www.baidu.com"> (2) method : 表单的请求方式,有POST和GET两种,默认GET: //<form method="get" action="http://www.baidu.com"&