用jquery获取form表单值的方法总结

时间:2024.4.30

用jquery获取form表单值的方法总结

用jquery获取form表单值的方法总结: jquery获取radio单选按钮的值 $(input[name='items']:checked).val(); jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $('input[name=items][checked]').val(); 获取select被选中项的文本 var item = $(select[name

用jquery获取form表单值的方法总结:

jquery获取radio单选按钮的值

$("input[name='items']:checked").val();

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 = true;

获取值:

文本框,文本区域:$("#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,很多东西不熟悉

在用$("#id")来获得页面的input元素的时候,发现$("#id").value不能取到值

后来终于在伟大的百度帮助下,找到了问题的原因:

$("")是一个jquery对象,而不是一个dom element

value是dom element的属性

jquery与之对应的是val

val() :获得第一个匹配元素的当前值。 val(val):设置每一个匹配元素的值。

所以,代码应该这样写:

取值:val = $("#id")[0].value;

赋值:

$("#id")[0].value = "new value";

或者$("#id").val("new value");

或者这样也可以:val = $("#id").attr("value");


第二篇:jquery获取表单值


1.假如我们有如下页面 <input

type="text" name="textname" id="text_id" value="">

<!--其余的请自行添加.重要的是要有jquery取得text,areatext,radio,checkbox,select的值,以及其他一些操作;

1.假如我们有如下页面

<input type="text" name="textname" id="text_id" value="">

<!--其余的请自行添加.重要的是要有TYPE.NAME.ID等,一般情况这些都是有的-->

2.下面来看怎么取得FORM中的各种值等等;

function get_form_value(){

/*获得TEXT.AREATEXT的值*/

var textval = $("#text_id").attr("value");//或者

var textval = $("#text_id").val();

/*获取单选按钮的值*/

var valradio = $("input[@type=radio][@checked]").val();

/*获取复选框的值*/

var checkboxval = $("#checkbox_id").attr("value");

/*获取下拉列表的值*/

var selectval = $('#select_id').val();

}

3.另外对表单的其他处理:

//控制表单元素:

//文本框,文本区域:

$("#text_id").attr("value",'');//清空内容

$("#text_id").attr("value",'test');//填充内容

//多选框checkbox:

$("#chk_id").attr("checked",'');//未选中的值

$("#chk_id").attr("checked",true);//选中的值

if($("#chk_id").attr('checked')==undefined) //判断是否已经选中

//单选组radio:

$("input[@type=radio]").attr("checked",'10');//设置value=10的单选按钮为当前选中项

//下拉框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();//清空下拉框

补充

获取一组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");

多选框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快速入门总结很给力的

且确实可以很轻松地做出许多复杂的效果虽然jQuery上手简单比其他库容易学会但是要全面掌握却不轻松因为它涉及到网页开发的方方面面提供的各种方法和内部变化有上千种之多初学者常常感到入门很方便提高很困难目前互联网上...

jQuery学习总结

jQuery学习总结因为项目需要同时也因为兴趣在近一段时间研究和使用了jQuery它真的是太强大了代码非常的优雅和简洁好后悔现在才开始了解它虽然目前网络上关于jQuery的资料学习心得教程多得你看不完但我还是想...

jquery心得、技巧、总结

Jquery开始documentreadyfunction可缩写成function选择器引号中可以有多个一起选择id要求id唯一classclass名对应的元素HTML标签所有标签元素对象所有元素aba元素下的...

jquery学习总结

一选择网页元素jQuery的基本设计和主要用法就是quot选择某个网页元素然后对其进行某种操作quot这是它区别于其他函数库的根本特点使用jQuery的第一步往往就是将一个选择表达式放进构造函数jQuery简写...

jQuery总结与注意事项

jQuery总结与注意事项刚开始学了JQuqery众多的get等等符号早已把我搞晕了暂时就放弃了后来学习ASPNETAJAX在微软的领导下逐渐由服务器端转向客户端编程激起我客户端编程的兴趣才想起学习一下了Jqu...

jquery总结学习资料JQuery总结

一简介11概述随着WEB20及ajax思想在互联网上的快速发展传播陆续出现了一些优秀的Js框架其中比较著名的有PrototypeYUIjQuerymootoolsBindows以及国内的JSVM框架等通过将这些...

jQuery总结

1jQuery是JavaScript语法写的一些函数类内部仍然是调用JavaScript特点a解决了不同浏览器的兼容问题b对于不同控件具有统一的操作方式c体积小使用简单方便d链式编程隐式迭代插件丰富开源免费e让...

jquery使用技巧

一找到你了还记得这个东西吧无论prototype还是DWR都使用了这个函数代替documentgetElementById没错jquery也跟风了为达到documentgetElementById的目的jque...

JQuery学习总结

JQuery学习总结一页面引用ltscriptsrcquotjquery132jsquottypequottextjavascriptquotgtltscriptgt在页面引用JQuery二页面加载事件docu...

jQuery学习总结

jQuery学习总结什么是jQueryjQuery是继prototype之后又一个优秀的Javascript框架它是轻量级的js库兼容各种浏览器IE60FF15Safari20Opera90jQuery使用户能...

jquery学习总结

jQuery学习笔记一jQuery的概述jQuery是一个简洁快速的JavaScript库它能让你在你的网页上简单的操作文档处理事件运行动画效果或者添加Ajax交互jQuery的设计会改变你写JavaScrip...

Javascript之jQuery学习总结

Javascript之jQuery学习总结三个学期来我小组按照自己的分工各自展开了自己的学习与实践而作为小组成员之一我主要负责网页的动态的效果通过前期的了解和咨询我选定了javascript当中的jQuery框...

jquery总结(27篇)