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

<input type="radio" name="myradio" id="myradio" value="1" onclick="sendValue(thisvalue)" />

<script>

fucntion sendValue(){

var radio_value=$("#myradio")val();

var array_radio =array();

array_radio[] = radio_value;

}

</script>

思路:遍历radio对象,通过checked进行判断radio是否选中,选中的项会有checked属性,判断选中后,可进行后续 *** 作。

示例代码如下。

<!-- html 部分 -->

<p>  

        <label for="gender">性别:    

            <input type="radio" name="gender" value="male">男

            <input type="radio" name="gender" value="female">女

        </label> 

        <button id="sub" type="button">提交</button> 

</p>

<!-- script 部分 -->

<script>

var oRadio=documentgetElementsByName("gender"),//获取radio,是个数组

oButton=documentgetElementById("sub"),//获取按钮

hasValue=false,//定义变量

checkedVal="";

function getVal(){ //获取radio选中值函数

for(i=0;i<oRadiolength;i++){//循环数组

if(oRadio[i]checked){//判断当前项是否被选中

//已选中的 *** 作,获取选中的值

hasValue=true;

checkedVal=oRadio[i]value;

//return checkedVal;

}else{

hasValue=false;

}

}

}

oButtononclick=function(){

getVal();

consolelog(checkedVal);//checkedVal即是radio的选中值

consolelog(hasValue);//hasValue如果是true,则radio有选中值,否则没有值

};

</script>

以上就是关于js如何获取表单中数组的值全部的内容,包括:js如何获取表单中数组的值、如何把radio的选项值赋给一个数组、js判断radio是否被选中等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9433196.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存