Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/472.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 仅当选中复选框时才提交多个表单_Php_Javascript_Checkbox_Form Submit_Checked - Fatal编程技术网

Php 仅当选中复选框时才提交多个表单

Php 仅当选中复选框时才提交多个表单,php,javascript,checkbox,form-submit,checked,Php,Javascript,Checkbox,Form Submit,Checked,我尝试根据复选框的状态将多个表单提交到不同的位置。javascript应该选中复选框并提交表单,但我无法让它工作 <script type="text/javascript" charset="utf-8"> function checkSubmit() { var frm1 = document.getElementById("optin1"); var frm2 = document.getElementBy

我尝试根据复选框的状态将多个表单提交到不同的位置。javascript应该选中复选框并提交表单,但我无法让它工作

    <script type="text/javascript" charset="utf-8">
        function checkSubmit() {
            var frm1 = document.getElementById("optin1");
            var frm2 = document.getElementById("optin2");
            var frm3 = document.getElementById("optin3");
            var chkbox1 = document.getElementById("c1");
            var chkbox2 = document.getElementById("c2");
            var chkbox3 = document.getElementById("c3");
                if (chkbox1.checked === true) {
                    frm1.submit();
                        }
                else // it is not checked, dont submit form
                        {
                        return false;
                        }
                if (chkbox2.checked === true) {
                    frm2.submit();
                        }
                else // it is not checked, dont submit form
                        {
                        return false;
                        }
                if (chkbox3.checked === true) {
                    frm3.submit();
                        }
                else // it is not checked, dont submit form
                        {
                        return false;
                        }
setTimeout(function() {
window.location = 'http://url.com/index.php';
}, 1350);
    }
    </script>

函数checkSubmit(){
var frm1=document.getElementById(“optin1”);
var frm2=document.getElementById(“optn2”);
var frm3=document.getElementById(“选项3”);
var chkbox1=document.getElementById(“c1”);
var chkbox2=document.getElementById(“c2”);
var chkbox3=document.getElementById(“c3”);
if(chkbox1.checked==true){
frm1.submit();
}
否则//未选中,请勿提交表格
{
返回false;
}
if(chkbox2.checked==true){
frm2.submit();
}
否则//未选中,请勿提交表格
{
返回false;
}
if(chkbox3.checked==true){
frm3.submit();
}
否则//未选中,请勿提交表格
{
返回false;
}
setTimeout(函数(){
window.location=http://url.com/index.php';
}, 1350);
}
以下是html表单:

    <form id="optin1" name="f1" method="post" action="file1.php" target="iframe1">
    <input type="checkbox" id="c1" name="cc" value="" checked="checked">
    <label for="c1"><span></span><strong>YES, I'd love to join!</strong></label>
    <input name="email" type="hidden" value="<?=$_GET[email];?>"></form>

    <form id="optin2" name="f2" method="post" action="file2.php" target="iframe2">
    <input type="checkbox" id="c2" name="cc" value="" checked="checked">
    <label for="c2"><span></span><strong>YES, I'd love to join!</strong></label>
    <input name="email" type="hidden" value="<?=$_GET[email];?>">
    <input name="name" type="hidden" value="Newsletter"></form>

    <form id="optin3" name="f3" method="post" action="http://www.url.com" target="iframe3">
    <input type="checkbox" id="c3" name="cc" value="" checked="checked">
    <label for="c3"><span></span><strong>YES, I"d love to join!</strong></label>
    <input id="txtEmail1" class="field" name="txtEmail1" value="<?=$_GET[email];?>" type="hidden">
    <input type="hidden" value="18" name="webID">
    <input type="hidden" value="20" name="usd">
    <input type="hidden" value="25" name="lsvalue">
    <input type="hidden" value="http://url.com/thanks" name="thanxurl">
    <input type="hidden" value="http://url.com/confirm" name="confirmationurl"></form>
    <form name="Submit">
    <input name="btn1" type="image" onClick="checkSubmit()" src="images.jpg" align="left" /> 
    </form>
<iframe name="iframe1" style="display:none"></iframe>
<iframe name="iframe2" style="display:none"></iframe>
<iframe name="iframe3" style="display:none"></iframe>

是的,我很想加入

主要问题是您的
else
状况。如果未选中第一个复选框,则
返回false
,这将立即退出函数,并导致其他
If
语句根本不执行


您需要修改代码,以便仅在未选中任何复选框的情况下返回(或者总是在那些
if
语句之后返回,这可能无关紧要)。

主要问题是您的
else
条件。如果未选中第一个复选框,则
返回false
,这将立即退出函数,并导致其他
If
语句根本不执行


您需要修改您的代码,以便仅在未选中任何复选框的情况下返回(或者总是在那些
if
语句之后返回,这可能无关紧要)。

您的javascript函数应如下所示:

    function checkSubmit() {
        var frm1 = document.getElementById("optin1");
        var frm2 = document.getElementById("optin2");
        var frm3 = document.getElementById("optin3");
        var chkbox1 = document.getElementById("c1");
        var chkbox2 = document.getElementById("c2");
        var chkbox3 = document.getElementById("c3");
            if (chkbox1.checked === true) {
               frm1.submit();
                    }

           else if (chkbox2.checked === true) {
              frm2.submit();
                    }

           else if (chkbox3.checked === true) {
              frm3.submit();
                    }
      else {
        return false;
      }   
  setTimeout(function() {
   window.location = 'http://url.com/index.php';
  }, 1350);
 }
}

您的javascript函数应如下所示:

    function checkSubmit() {
        var frm1 = document.getElementById("optin1");
        var frm2 = document.getElementById("optin2");
        var frm3 = document.getElementById("optin3");
        var chkbox1 = document.getElementById("c1");
        var chkbox2 = document.getElementById("c2");
        var chkbox3 = document.getElementById("c3");
            if (chkbox1.checked === true) {
               frm1.submit();
                    }

           else if (chkbox2.checked === true) {
              frm2.submit();
                    }

           else if (chkbox3.checked === true) {
              frm3.submit();
                    }
      else {
        return false;
      }   
  setTimeout(function() {
   window.location = 'http://url.com/index.php';
  }, 1350);
 }
}

简单地返回
false
并不是防止用JavaScript提交表单的方法。这就是为什么我从不告诉人们在不了解JS事件如何工作的情况下使用jQuery的原因之一。一个非常好的网站,阅读JS事件是很好的

当您编写的jQuery处理程序返回false时,事件将暂停,并且不会冒泡或进一步传播。当您在原生JS中返回false时,事件仍然会传播,在本例中,它的默认行为是提交表单。
查看一些关于quirksmode的文章以了解完整的解释,但现在,请将
return false
替换为:

var e = arguments[0] || window.event;//quirksmode will tell you what this means
//instead of return false:
if (e.preventDefault)
{
    e.preventDefault();//clue is in the method's name
    e.stopPropagation();
}
e.returnValue = false;//this is for IE<9
e.cancleBubble = true;
return false;

您正在使用短标记,也许您已经知道这一点,但是短标记已被弃用,并将在不久的将来被删除,您可以使用的唯一标记是完整的
,简单地返回
false
并不是防止表单以JavaScript提交的方法。这就是为什么我从不告诉人们在不了解JS事件如何工作的情况下使用jQuery的原因之一。一个非常好的网站,阅读JS事件是很好的

当您编写的jQuery处理程序返回false时,事件将暂停,并且不会冒泡或进一步传播。当您在原生JS中返回false时,事件仍然会传播,在本例中,它的默认行为是提交表单。
查看一些关于quirksmode的文章以了解完整的解释,但现在,请将
return false
替换为:

var e = arguments[0] || window.event;//quirksmode will tell you what this means
//instead of return false:
if (e.preventDefault)
{
    e.preventDefault();//clue is in the method's name
    e.stopPropagation();
}
e.returnValue = false;//this is for IE<9
e.cancleBubble = true;
return false;

您正在使用短标记,也许您已经知道这一点,但短标记已被弃用,并将在不久的将来被删除,您可以使用的唯一标记是完整的
尝试在Chrome/Firefox中执行url并从firebug中调试。

尝试在Chrome/Firefox中执行url并从firebug中调试。

这与您的javascript代码相同。。我所做的唯一更改是删除您在每次
if
之后编写的
else
条件。在您的情况下,如果未选中fist复选框,则它将首先执行else循环,并且由于
return false
而停止进一步脚本的执行。如您所述对其进行了更改,但也不起作用。我正在使用sendmail脚本,其中表单提交到,但没有发送电子邮件。file1.php中可能有错误。在sendmail代码之前和之后尝试在file1.php中调试这与javascript代码相同。。我所做的唯一更改是删除您在每次
if
之后编写的
else
条件。在您的情况下,如果未选中fist复选框,则它将首先执行else循环,并且由于
return false
而停止进一步脚本的执行。如您所述对其进行了更改,但也不起作用。我正在使用sendmail脚本,其中表单提交到,但没有发送电子邮件。file1.php中可能有错误。在sendmail代码之前和之后,尝试在file1.php中调试类似的代码?else if(chkbox5.checked==true){frm5.submit();}else{var e=arguments[0]| | | window.event;//quirksmode将告诉您这是什么意思//而不是返回false:if(e.preventDefault){e.preventDefault();//线索在方法的名称e.stopPropagation();}e.returnValue=false;//这是用于IE@mickzee当前位置我认为你最好把它放在一起,因为代码在