×

做下笔记:处理表单元素的代码

作者:cidy20172017.05.26来源:Web前端之家浏览:11067评论:0
关键词:JQueryJS

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

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

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

input type="text" 单行文本输入框和input type="password" 密码输入框 
$("input").val();
input type="radio" 单选框
$("input:checked").val(); //使用checked,取被选中的单选框的值
input type="checkbox" 复选框 (值得注意)
$("input:checked").each(function(index){ 
$("#result").append($(this).val() + " "); 
});

//因为复选框的选择结果通常大于1,所以得到的结果是数组。
//使用.each()方法,可以把选择的值一一取出。
//这里结果将被加入(append)到ID为"result"的段落里4. input type="submit" (表单提交按钮)
取值方法和单行文本输入框的取法相同,但没有什么实际意义。

textArea 多行文本输入框

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

//注意:如果是复选,那么得到的结果是用逗号分格的字符串,例如:"选择一,选择二”。注意:

对表单元素取值,通常是发生在表单别递交后,在jQuery我们可以用下面的语句进行判断:

$("form").submit(function(){ 
    $("input").val(); 
});

对表单元素设值,只要把要设置的值作为传递参数即可,例如:$("input").val("www.jiangweishan.com");

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/biji114.html

网友评论文明上网理性发言 已有0人参与

发表评论: