js如何获取表单的值

js如何获取表单的值,第1张

value 属性为 input 元素设定值表单的值一般是元素的value属性:

<input value="value">

假设有以下form,拥有一个input字段(带空值预定义)以及一个提交按钮 :

提取表单值代码:

提交之后获取的结果是:

空值:

不为空:

扩展资料:

value 属性为 input 元素设定值。对于不同的输入类型,value 属性的用法也不同:

(1)type="button", "reset", "submit" - 定义按钮上的显示的文本;

(2)type="text", "password", "hidden" - 定义输入字段的初始值;

(3)type="checkbox", "radio", "image" - 定义与输入相关联的值;

参考资料:

百度百科--value

var f1 = documentforms[0]

var f1 = documentforms[form1的name值]

var f1 = documentgetElementById(form1的id值)

var f1 = documentgetElementByTagName("form")[0]

以上都可以其中获取一个form,更改相应的参数可以得到另一个form。

给你写了个例子,供你参考

<title>JavaScript 获取复选框的值</title>

<script>

function checkbox()

{

var str=documentgetElementsByName("box");

var objarray=strlength;

var chestr="";

for (i=0;i<objarray;i++)

{

if(str[i]checked == true)

{

chestr+=str[i]value+",";

}

}

if(chestr == "")

{

alert("请先选择复选框~!");

}

else

{

alert("复选框的值是:"+chestr);

}

}

</script>

选择您的拿手技术:

<input type="checkbox" name="box" id="box1" value="ASP" />ASP

<input type="checkbox" name="box" id="box2" value="PHP" />PHP

<input type="checkbox" name="box" id="box3" value="JSP" />JSP

<input type="button" name="button" id="button" onclick="checkbox()" value="提交" />

以上就是关于js如何获取表单的值全部的内容,包括:js如何获取表单的值、js 页面中有两个表单form 如何获取其中一个,语句是啥、用javascript怎样获取form表单里的多选框的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9811486.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-02
下一篇 2023-05-02

发表评论

登录后才能评论

评论列表(0条)

保存