jQuery对表单元素的取值和赋值操作代码
使用常规的思路:$(“#keyword”).value 取值是取不到的,因为此时$(‘#keydord’)已经不是个element,而是个jquery对象,所以应该使用:$(“#keyword”).val() $("#keyword")[0].value = ""; /*获得TEXT.AREATEXT的值*/ var textval = $("#text_id").attr("value"); //或者 var textval = $("#text_id").val(); /*获取单选按钮的值*/ var valradio = $("input[type=radio]:checked").val(); /*获取一组名为(items)的radio被选中项的值*/ var item = $('input[name=items]:checked').val(); /*获取复选框的值*/ var checkboxval = $("#checkbox_id").attr("value"); /*获取下拉列表的值*/ var selectval = $('#select_id').val(); /*文本框,文本区域*/ $("#text_id").attr("value",");//清空内容 $("#text_id").attr("value",'test');//填充内容 /*多选框checkbox*/ $("#chk_id").attr("checked",");//使其未勾选 $("#chk_id").attr("checked",true);//勾选 if($("#chk_id").attr('checked')==true) //判断是否已经选中 /*单选组radio*/ $("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项 /*下拉框select*/ $("#select_id").attr("value",'test');//设置value=test的项目为当前选中项 $("testtest2").appendTo("#select_id")//添加下拉框的option $("#select_id").empty();//清空下拉框 /*获取一组名为(items)的radio被选中项的值*/ var item = $('input[name=items]:checked').val(); //若未被选中 则val() = undefined /*获取select被选中项的文本*/ var item = $("select[name=items] option:selected").text(); /*select下拉框的第二个元素为当前选中值*/ $('#select_id')[0].selectedIndex = 1; /*radio单选组的第二个元素为当前选中值*/ $('input[name=items]').get(1).checked = true; /*重置表单*/ $("form").each(function(){ .reset(); }); jQuery对html元素取值与赋值 Jquery给基本控件的取值、赋值 TEXTBOX: var str = $('#txt').val(); $('#txt').val("Set Lbl Value"); //文本框,文本区域: $("#text_id").attr("value",'');//清空内容 $("#text_id").attr("value",'test');// 填充内容 Jquery给基本控件的取值、赋值 TEXTBOX: var str = $('#txt').val(); $('#txt').val("Set Lbl Value"); //文本框,文本区域: $("#text_id").attr("value",'');//清空内容 $("#text_id").attr("value",'test');// 填充内容 LABLE: var str = $('#lbl').text(); $('#lbl').text("Set Lbl Value"); var valradio = $("input[@type=radio][@checked]").val(); var item = $('input[@name=items][@checked]').val(); var checkboxval = $("#checkbox_id").attr("value"); var selectval = $('#select_id').val(); //多选框checkbox: $("#chk_id").attr("checked",'');//使其未勾选 $("#chk_id").attr("checked",true);// 勾选 if($("#chk_id").attr('checked')==true) //判断是否已经选中 单选组radio: $("input[@type=radio]").attr("checked",'2'); //设置value=2的项目为当前选中项 //下拉框select: $("#select_id").attr("value",'test');// 设置value=test的项目为当前选中项 $("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id")//添加下拉框的 option $("#select_id").empty();//清空下拉框 获取一组名为 (items)的radio被选中项的值 var item = $('input[@name=items][@checked]').val();//若未被选中 则val() = undefined 获 取select被选中项的文本 var item = $("select[@name=items] option[@selected]").text(); select下拉框的第二个元素为当前选中值 $('#select_id')[0].selectedIndex = 1; radio单选组的第二个元素为当前选中值 $('input[@name=items]').get(1).checked = true; //重置表单 $("form").each(function(){ .reset(); }); 摘要: Jquery给基本控件的取值、赋值 TEXTBOX: var str = $('#txt').val(); $('#txt').val("Set Lbl Value"); //文本框,文本区域: $("#text_id").attr("value",'');//清空内容 $("#text_id").attr("value",'test');// 填充内容 Jquery给基本控件的取值、赋值 TEXTBOX: var str = $('#txt').val(); $('#txt').val("Set Lbl Value"); //文本框,文本区域: $("#text_id").attr("value",'');//清空内容 $("#text_id").attr("value",'test');// 填充内容 LABLE: var str = $('#lbl').text(); $('#lbl').text("Set Lbl Value"); var valradio = $("input[@type=radio][@checked]").val(); var item = $('input[@name=items][@checked]').val(); var checkboxval = $("#checkbox_id").attr("value"); var selectval = $('#select_id').val(); //多选框checkbox: $("#chk_id").attr("checked",'');//使其未勾选 $("#chk_id").attr("checked",true);// 勾选 if($("#chk_id").attr('checked')==true) //判断是否已经选中 单选组radio: $("input[@type=radio]").attr("checked",'2'); //设置value=2的项目为当前选中项 //下拉框select: $("#select_id").attr("value",'test');// 设置value=test的项目为当前选中项 $("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id")//添加下拉框的 option $("#select_id").empty();//清空下拉框 获取一组名为 (items)的radio被选中项的值 var item = $('input[@name=items][@checked]').val();//若未被选中 则val() = undefined 获 取select被选中项的文本 var item = $("select[@name=items] option[@selected]").text(); select下拉框的第二个元素为当前选中值 $('#select_id')[0].selectedIndex = 1; radio单选组的第二个元素为当前选中值 $('input[@name=items]').get(1).checked = true; //重置表单 $("form").each(function(){ .reset(); });
jQuery对表单元素的取值和赋值操作代码相关推荐
- jquery对文本赋值和取值_jQuery对表单元素的取值和赋值操作代码
JS jQuery对表单元素的取值和赋值操作代码 作者: 来源:www.28hudong.com2013-03-30 00:52:47 阅读次 $("#keyword")[0].v ...
- HTML给表单元素赋值,JQuery表单元素取值赋值方法总结
一.普通文本框的赋值与取值 1.1.1赋值 jQuery 表单元素取值与赋值方法总结 function get(){ var test1 = $("input.test1").va ...
- jQuery对html元素取值与赋值
以下总结了常用的jQuery选择器对html元素取值与赋值 Textbox: var str = $('#txt').val(); $('#txt').val("Set Lbl Value ...
- 五、jQuery 对表单、表格的操作(走过路过瞅瞅吧)
文章目录 前言 一. 表单应用 1.1 单行文本框应用 1.2 多行文本框应用 1.3 复选框应用 1.3 下拉框应用 1.5 表单验证 二. 表格应用 2.1 表格变色 2.1.1 普通的隔行变色 ...
- jquery对textarea写入_「textarea赋值」JQuery给textarea取值和赋值 - seo实验室
textarea赋值 JQuery给textarea取值和赋值 取值 var qrcodefortemcontent=$("#qrcodefortemcontent").val() ...
- span的取值与赋值(原生js与jquery) - 对比篇
文章目录 关于span的取值与赋值 - 原生js与jquery代码 一. span的`取值`: 1. `javascript` 2. `jquery` 二. span的`赋值`: 1. `javasc ...
- jquery 获取当前元素的索引值
jquery 获取当前元素的索引值 $("#lisa > li").mouseover(function(){ alert($("#lisa > li&quo ...
- # Ajax提交Form表单以及后端取值(java)
Ajax提交Form表单以及后端取值(java) 1.ajax提交form表单:提交的按钮οnclick="denglu()"时候触发ajax方法 <script>fu ...
- Python:高级主题之(属性取值和赋值过程、属性描述符、装饰器)
属性取值和赋值过程 一切皆是对象,类型也是对象. 对象包含一个__class__属性指向其所属类型. 对象包含一个__dict__属性指向其所包含的成员(属性和方法). 取值过程(下面是伪代码) 1 ...
最新文章
- 单链表之头插法的理解!
- POJ2774 Long Long Message
- IF-ERRORLEVEL使用方法
- 关于 QImage::Format_Mono
- Java基础:如何向控制台写输出
- 浏览器了解(五)资源加载顺序
- 卧槽!jmeter 竟然这么牛逼,压测爽歪歪~
- Tableau+财务领域数据分析+应用
- linux手写软件,Linux 手写输入法
- linux init进程源码,Android启动Init进程源码分析
- php 压缩动态gif,在PHP中压缩GIF图像质量?
- 苹果系统虚拟机无usb服务器,苹果电脑Mac系统中VMware虚拟机无法识别USB Key的解决方法...
- 投资与创业:程序猿如何改变世界
- 北京政协:电子垃圾回收是亟待破解的难题
- android 解决usb网络共享,wifi热点能连不能用,手机wifi网络通过USB共享给电脑?
- django之csrf_exempt解决跨域请求的问题
- idea 控制台搜索快捷键
- Oracle获取指定月最后一天日期(last_day函数)
- 受欢迎的牛(有向图的强连通分量)
- -bash: unzip: command not found的错误解决方式