javascript中dom 如何获取表单字段数据

javascript中dom 如何获取表单字段数据,第1张

<form name="form1" action=">

1、 给单选框设置相应的 name

2、 获取所有的单选框,循环判断,示例代码如下:

// 获取指定 name 的单选框的值

function getValueForRadio(name) {

    // 获取所有的 input 元素

    var nodes = documentgetElementsByTagName('input');

    // 循环判断

    for (var i=0; i<nodeslength; i++) {

        // 如果类型是 radio,name 也符合要求,而且也被选中了

        if (nodes[i]type==='radio' && nodes[i]name===name && nodes[i]checked) {

            //返回相应的值

            return nodes[i]value;

        }

    }

}

3、 在你需要的地方,用合适的参数调用上面的函数 getValueForRadio 即可。

以上,请采纳,请给分。

<html>

<body>

<script type="text/javascript">

function go2(){

documentgetElementById("ze")value=documentgetElementById("sl")valuedocumentgetElementById("dj")value;

}

</script>

<form action="" name="form1">

  姓名:

    <input name="xm" type="text" id="xm" />

  <br>

数量:

<input name="sl" type="text" id="sl" />

<br>

单价:

<input name="dj" type="text" id="dj" />

</form>

<form action="" name="form2">

  总额:

    <input type="text" name="ze" id="ze" readonly value="" />

</form>

<input name="" type="button" onclick="go2()" value="计算" />

</body>

</html>

你自己再丰富一下

以上就是关于javascript中dom 如何获取表单字段数据全部的内容,包括:javascript中dom 如何获取表单字段数据、javascript 如何通过某个form子节点获得 form节点、javascript 怎么获得单选框值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存