php - 未定义值单个复选框javascript到另一个页面

标签 php javascript facebox

我有两个页面,第一页是index.php,我也在其中使用facebox框架。第二页是addevent.php,我尝试了多种方法来捕获addevent.php中单个复选框的值并将其传递给index.php。但它没有显示出值(value)。那么我的代码有问题吗?我想念什么?任何帮助将不胜感激..

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();
});

这只是一个开始的建议,并不理想。理想的部分是在表单中使用 []。

关于php - 未定义值单个复选框javascript到另一个页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6119425/

相关文章:

javascript - 在 onChange/onClick 之后 React 重新渲染部分页面

javascript - 在 facebox 中加载 iframe 时显示微调器

jquery - 我的 jquery lightbox 定位困境

php - 查询在 phpmyadmin 中有效,但在 PHP 中无效

php - 如何在php中检索存储在db中单个字段中的多个id的值

javascript - Bootstrap : slow loading with the glyphicons

javascript - 关于一段 jQuery 的问题

PHP 数组转换为 Javascript 数组

php - 去除黑边 4 :3 on youtube thumbnails

javascript - 使用jquery连续显示单词