大家好
我今天在写一个关于ajax的程序 遇到这样一个问题有一个表单 表单里有一些checkbox
<form name="formname" method="post" action="">
<input name="add_sel_post[]" type="checkbox" value="1" >世界,你好!<br />
<input name="add_sel_post[]" type="checkbox" value="2" >示例2<br />
<input name="add_sel_post[]" type="checkbox" value="3" >示例3<br />
<input name="add_sel_post[]" type="checkbox" value="4" >示例4<br />
<input id="add_sub" name="add_sub" type="button" value="添加" onClick="myplugin_ajax_addtext();" />
</form>
我想实现的效果是 点击 button按钮后 把选中的checkbox 插入到数据库 为了不让页面刷新 我选择了ajax
但是 js就是取不到值
function myplugin_ajax_addtext()
{var vars=document.spec_edit.getElementsByTagName("checkbox");
alert(vars.length);
}
输出为0 请大家帮忙解决下 谢谢!
我今天在写一个关于ajax的程序 遇到这样一个问题有一个表单 表单里有一些checkbox
<form name="formname" method="post" action="">
<input name="add_sel_post[]" type="checkbox" value="1" >世界,你好!<br />
<input name="add_sel_post[]" type="checkbox" value="2" >示例2<br />
<input name="add_sel_post[]" type="checkbox" value="3" >示例3<br />
<input name="add_sel_post[]" type="checkbox" value="4" >示例4<br />
<input id="add_sub" name="add_sub" type="button" value="添加" onClick="myplugin_ajax_addtext();" />
</form>
我想实现的效果是 点击 button按钮后 把选中的checkbox 插入到数据库 为了不让页面刷新 我选择了ajax
但是 js就是取不到值
function myplugin_ajax_addtext()
{var vars=document.spec_edit.getElementsByTagName("checkbox");
alert(vars.length);
}
输出为0 请大家帮忙解决下 谢谢!
2.遍历所有checkbox 检测是否checked 是->取得该checkbox的id
3.取得该id 的值
4.post 取得的值用jquery吧 一句代码的事情.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function myplugin_ajax_addtext()
{
var a = new Array();
var i;
var c=0;
for(i=0;i<document.getElementsByName("add_sel_post[]").length;i++)
{
if(document.getElementsByName("add_sel_post[]")[i].checked)
{
a[c] = document.getElementsByName("add_sel_post[]")[i].value;
c++;
}
}
alert(a);
}
</script>
</head>
<body>
<form name="formname" method="post" action="">
<input name="add_sel_post[]" type="checkbox" value="1" >世界,你好!<br />
<input name="add_sel_post[]" type="checkbox" value="2" >示例2<br />
<input name="add_sel_post[]" type="checkbox" value="3" >示例3<br />
<input name="add_sel_post[]" type="checkbox" value="4" >示例4<br />
<input id="add_sub" name="add_sub" type="button" value="添加" onClick="myplugin_ajax_addtext();" />
</form>
</body>
</html>