介绍
这篇文章主要为大家展示了JQuery表单元素如何取值赋值,内容简而易懂,希望大家可以学习一下,学习完之后肯定会有收获的,下面让小编带大家一起来看看吧。
<强>一、普通文本框的赋值与取值强>
1.1.1赋值
& lt; h3> JQuery表单元素取值与赋值方法总结& lt;/h3> & lt;输入类型=皌ext"类=皌est1"/比; & lt;输入类型=癰utton"值=https://www.yisu.com/zixun/备持? alt=" JQuery表单元素如何取值赋值">1.1.2取值
示例代码:
& lt; h3> JQuery表单元素取值与赋值方法总结& lt;/h3> & lt;输入类型=皌ext"值=https://www.yisu.com/zixun/蔽沂瞧胀ㄎ谋究颉崩? " test1 "/><强>二,获取和设置单选项无线电的值强>
2.1.1获取单选项无线电的值
& lt;输入name=皉d"类型=皉adio"https://www.yisu.com/zixun/value=" 1 "> 1 <输入名称=癬radio”类型=肮悴ァ奔壑??”=凹觳椤奔觳? 2<强>三,获取和设置复选框的值强>
& lt; !DOCTYPE html> & lt; html> & lt; head> & lt; title> jQuery表单元素取值与赋值方法总结& lt;/title> & lt;脚本src=https://www.yisu.com/zixun/" js/jquery-1.11.3.min.js "> 脚本> 头 <身体> B <输入名称="检查" type="复选框" value=" C "检查="检查" id=" checkbox_id3 "> C
<强>四,获取和设置下拉菜单列表的值强>
& lt; !DOCTYPE html> & lt; html> & lt; head> & lt; title> jQuery表单元素取值与赋值方法总结& lt;/title> & lt;脚本src=https://www.yisu.com/zixun/" js/jquery-1.11.3.min.js "> 脚本> 头 <身体> <选择name=" _select " id=" _select " alt=" JQuery表单元素如何取值赋值">
//设置选择下拉框的第二个元素为当前选中值(“# _select")美元[0]。selectedIndex=2,
运行效果:
//下拉框选择//设置一下值为D的项目为当前选中项 $ (“# _select") .attr (“value" & # 39; d # 39;);//添加下拉框的选项 美元(“& lt;选项值=https://www.yisu.com/zixun/E ' E '> 选项> <选项vlaue=F> F> 选项”).appendTo (“# _select”);//清空下拉框 $ (" # _select ")空虚();<强>五,获取和设置文本框/文本域的值强>
& lt; !DOCTYPE html> & lt; html> & lt; head> & lt; title> jQuery表单元素取值与赋值方法总结& lt;/title> & lt;脚本src=https://www.yisu.com/zixun/" js/jquery-1.11.3.min.js "> 脚本> 头 <身体>