jQuery基础 - 处理表单元素
发布时间：2018-08-24 03:08:14 所属栏目：传媒 来源：站长网
导读：1.获取input类的值： $(input).val(); 2.获取textarea类的值: $(textarea).val(); 3.获取select类的值：$(select).val(); 当表单上含有多个input类（或者textarea类和select类），使用上述方法得到的将是一个数组。当然，你可以给这些控件加上ID，从而对某
|
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("liehuo.net"); （编辑：武汉站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
