jQuery处理表单元素的代码_jquery

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jQuery处理表单元素的代码_jquery，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1280字，纯文字阅读大概需要2分钟。

内容图文

1.获取input类的值： $("input").val();

2.获取textarea类的值: $("textarea").val();

3.获取select类的值：$("select").val();

当表单上含有多个input类（或者textarea类和select类），使用上述方法得到的将是一个数组。当然，你可以给这些控件加上ID，从而对某个特定的控件取值，例如：$("input#myID").val()。

下面将对每一种控件的取值方法做一一介绍：

1. input type="text" 单行文本输入框和input type="password" 密码输入框

$("input").val();2. input type="radio" 单选框

$("input:checked").val(); //使用checked，取被选中的单选框的值3. input type="checkbox" 复选框 (值得注意)

$("input:checked").each(function(index){
$("#result").append($(this).val() + " ");
});
//因为复选框的选择结果通常大于1，所以得到的结果是数组。
//使用.each()方法，可以把选择的值一一取出。
//这里结果将被加入(append)到ID为"result"的段落里4. input type="submit" (表单提交按钮)

取值方法和单行文本输入框的取法相同，但没有什么实际意义。

5. textArea 多行文本输入框

$("textarea").val();6. select 下拉框 (单选和多选)

$("select").val();
//注意：如果是复选，那么得到的结果是用逗号分格的字符串，例如："选择一，选择二”。注意：

对表单元素取值，通常是发生在表单别递交后，在jQuery我们可以用下面的语句进行判断：
$("form").submit(function(){
$("input").val();
});对表单元素设值，只要把要设置的值作为传递参数即可，例如：$("input").val("jb51.net");

内容总结

以上是互联网集市为您收集整理的jQuery处理表单元素的代码_jquery全部内容，希望文章能够帮你解决jQuery处理表单元素的代码_jquery所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---