如何解决未定义值的单个复选框javascript到另一个页面
| 我有两页,第一页是index.php,我也使用facebox框架。第二页是addevent.php。我已经尝试了许多方法来捕获addevent.php中单个复选框的值并将其传递给index.php。但它没有显示出价值。那么我的代码有什么问题吗?我想念什么?任何帮助将不胜感激。 index.php
echo \">\".$check=$_REQUEST[\'check\'];
echo \"check[0]: \".$check[0];
<head>
<script src=\"inc/jquery-1.4.4.min.js\" type=\"text/javascript\"></script>
<script src=\"inc/facebox.js\" type=\"text/javascript\"></script>
<body>
<a href=\"addevent.php\" rel=\"facebox\" >link</a>
</body>
addevent.php
<head>
<script src=\"inc/jquery-1.4.4.min.js\" type=\"text/javascript\"></script>
<script src=\"inc/facebox.js\" type=\"text/javascript\"></script>
<script language=\"javascript\" type=\"text/javascript\">
function AddEventAgenda(){
//--- i\'ve tried this method & firebug said:document.eventAgendaForm.checkName[0] is undefined----
var elemLength = document.eventAgendaForm.checkName.length;
if (elemLength==undefined) {
elemLength=1;
if (document.eventAgendaForm.checkName.checked) {
// we know the one and only is checked
var check = \"&check[0]=\" + document.eventAgendaForm.checkName[0].value;
}
} else {
for (var i = 0; i<elemLength; i++) {
if (eventAgendaForm.checkName[i].checked) {
var check = \"&check[\"+i+\"]=\" + document.eventAgendaForm.checkName[i].value + check;
}
}
}
//--- also this one same firebug said:document.eventAgendaForm.checkName[0] is undefined---
var len = document.eventAgendaForm.checkName.length;
if(len == undefined) len = 1;
for (i = 0; i < len; i++){
var check = \"&check[\"+i+\"]=\" + document.eventAgendaForm.checkName[i].value + check;
}
//--- and this one same firebug said:document.eventAgendaForm.checkName[0] is undefined---
var formNodes = document.eventAgendaForm.getElementsByTagName(\'input\');
for (var i=0;i<formNodes.length;i++) {
/* do something with the name/value/id or checked-state of formNodes[i] */
if(document.eventAgendaForm.checkName[i].checked){
var check = \"&check[\"+i+\"]=\" + document.eventAgendaForm.checkName[i].value + check;
}
}
//--- and this one same firebug said:document.eventAgendaForm.checkName[0] is undefined---
if (typeof document.eventAgendaForm.checkName.length === \'undefined\') {
/*then there is just one checkbox with the name \'user\' no array*/
if (document.eventAgendaForm.checkName.checked == true )
{
var check = \"&check[0]=\" + document.eventAgendaForm.checkName[0].value;
}
}else{
/*then there is several checkboxs with the name \'user\' making an array*/
for(var i = 0,max = document.eventAgendaForm.checkName.length; i < max; i++){
if (document.eventAgendaForm.checkName[i].checked == true )
{
var check = \"&check[\"+i+\"]=\" + document.eventAgendaForm.checkName[i].value + check;
}
}
}
//-----------------------------------------------
window.location=\"index.php?tes=1\" + check; // display the result
$(document).trigger(\'close.facebox\');
}
</script>
<script type=\"text/javascript\">
// i don\'t know if these code have connection with checkbox or not?
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != \"function\") {
window.onload = func;
} else {
window.onload = function () {
oldonload();
func();
}
}
}
addLoadEvent(function () {
initChecklist();
});
function initChecklist() {
if (document.all && document.getElementById) {
// Get all unordered lists
var lists = document.getElementsByTagName(\"ul\");
for (i = 0; i < lists.length; i++) {
var theList = lists[i];
// Only work with those having the class \"checklist\"
if (theList.className.indexOf(\"checklist\") > -1) {
var labels = theList.getElementsByTagName(\"label\");
// Assign event handlers to labels within
for (var j = 0; j < labels.length; j++) {
var theLabel = labels[j];
theLabel.onmouseover = function() { this.className += \" hover\"; };
theLabel.onmouseout = function() { this.className = this.className.replace(\" hover\",\"\"); };
}
}
}
}
}
</script>
</head>
<form name=\"eventAgendaForm\" id=\"eventAgendaForm\" >
<ul class=\"checklist cl3\">
<li ><label for=\"c1\">
<input id=\"checkId\" name=\"checkName\" value=\"1\" type=\"checkbox\" >
</label></li></ul>
<input class=\"tombol\" type=\"button\" name=\"Add\" value=\"Add\" onclick=\"AddEventAgenda()\" />
</form>
解决方法
如果要包括jQuery库,为什么不使用jQuery?
var checkbox_val=jQuery(\"#CHECKBOX_ID_HERE\").val();//gets you the value regardless if checked or not
var checkbox_val=jQuery(\"#CHECKBOX_ID_HERE\").attr(\"checked\"); //returns checked status
要么
var global_variable=\"\"; //should be initialized outside any function
jQuery(\"#FORM_ID_HERE\").children(\":input[type=\'checkbox\']\").each(function(){
if (jQuery(this).attr(\"checked\"))global_variable+=\"&\"+jQuery(this).attr(\"name\")+\"=\"+jQuery(this).val();
});
这只是一个建议,并不理想。理想的部分是在表单中使用[]。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。