给你写了个例子,供你参考
<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中的value属相即可获取到输入框的内容。
代码示例如下:
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title>获取输入框的值</title>
<script type="text/javascript">
windowonload=function(){
var bt=documentgetElementById("bt2");
var btt=documentgetElementById("bt1");
btonclick=function(){
alert(bt1value);
}
}
</script>
</head>
<body>
请输入内容<input type="text" id="bt1" /><br>
<input type="button" id="bt2" value="获取输入数据" />
</body>
</html>
效果如下:
1 你应该在action中string text = getParameter("text1") ;
setAttribute("text1",text1);
在第二个页面function中getAttribute("text1");
2 或者在第二个页面中 String text1 = requestgetParameter("text1");
先获取到form表单\x0d\然后获取表单中所有input标签,循环判断获取到的input的type,如果没有type,或者type是text,或者type为空 的就是文本框了\x0d\\x0d\var inputs = documentgetElementById("form的id")getElementsByTagNames("input");\x0d\var ls = [];\x0d\for(var i=0;i回答于 2022-12-11
1给form添加id值:
<form action="/News/SaveMessage" method="post" accept-charset="utf-8" class="form" id="frm-reg" name="frm-reg">
设置所有input标签的name属性值为数据库的字段值,即可以传值到后台
2给提交按钮添加id值:
<input class="sub-btn fl" type="button" id="sub" name="Submit" value="提 交">
3引用jquery-formjs文件
4jquery表单提交:
var num1 = documentgetElementById(a)value;
var num2 = documentgetElementById(b)value;
改为:
var num1 = avalue;
var num2 = bvalue;
即可。这是因为 loadHtml(wd1,idd1) 这里传入的wd1和idd1已经是对象,而不是id名,所以不需要再用getElementById方法来获取对象。
也可以这样来修改:
loadHtml(wd1,idd1)
改为
loadHtml('wd1','idd1')
而
var num1 = documentgetElementById(a)value;
var num2 = documentgetElementById(b)value;
保持不变,这样的话所传入的'wd1'和'idd1'就是id名了。
不过我推荐上述第一种方法。
我们先看一个小例子:
html代码:
需求:是获取form表单中的用户名和密码并包装成一个对象
这个需求是我们大部分时候在发送ajax请求时需要做的一个工作。
传统JS写法:
看一下效果:
可以看到,我们已经实现了需求,但是我们写的JS代码很繁琐,我们需要先获取form表单中input框元素,然后元素的value值,最后包装成一个对象。
FormData的JS写法:
效果如下:
通过这个例子你应该能感受到FormData的便利性,只需要 new FormData(form) 一句代码就可以把form表单内的所有信息都以键值对的形式包装成一个对象返回。
FormData对象是用来将form表单数据编译成键值对,这么做有两个好处:
FormData的常用 *** 作方法:
FormData对象可以帮我们更方便的收集表单数据并中的整理成对象,大大方便了我们发送ajax请求。
var f1 = documentforms[0]
var f1 = documentforms[form1的name值]
var f1 = documentgetElementById(form1的id值)
var f1 = documentgetElementByTagName("form")[0]
以上都可以其中获取一个form,更改相应的参数可以得到另一个form。
以上就是关于用javascript怎样获取form表单里的多选框的值全部的内容,包括:用javascript怎样获取form表单里的多选框的值、js怎么获取输入框的值、如何在另一个页面使用JS 获取表单POST提交的数据等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)