Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.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
Javascript 如果通过复选框中的选项动态添加的输入为空,如何隐藏div容器_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如果通过复选框中的选项动态添加的输入为空,如何隐藏div容器

Javascript 如果通过复选框中的选项动态添加的输入为空,如何隐藏div容器,javascript,jquery,html,css,Javascript,Jquery,Html,Css,如果通过复选框中的选项动态添加的输入为空,如何隐藏div容器 所以这里我在论坛上看到了什么,但我没有找到一个与我类似的主题 正如我所解释的,我创建了一个晚上的预订表单,并在复选框中选择动态输入 示例:我选择成人数量/儿童数量,并根据创建的输入数量。。。直到一切都好起来 我从他们的站点添加了一个PayPal对象api(动态支付方法,取决于选择) 我想做什么 选项1:如果所有字段都已填充,则输入为“必需”,PayPal按钮(一个div)变为灰色 或 选项2:如果输入为空,则隐藏按钮 朋友们,如果你能

如果通过复选框中的选项动态添加的输入为空,如何隐藏div容器

所以这里我在论坛上看到了什么,但我没有找到一个与我类似的主题

正如我所解释的,我创建了一个晚上的预订表单,并在复选框中选择动态输入

示例:我选择成人数量/儿童数量,并根据创建的输入数量。。。直到一切都好起来

我从他们的站点添加了一个PayPal对象api(动态支付方法,取决于选择)

我想做什么

选项1:如果所有字段都已填充,则输入为“必需”,PayPal按钮(一个div)变为灰色

选项2:如果输入为空,则隐藏按钮

朋友们,如果你能帮我一把,这将是非常好的谢谢

/*设置全局变量i*/
var i=0;
const成人_价格=20;
const child_price=10;
/* 
---------------------------------------------
函数动态删除fom元素
---------------------------------------------
*/
函数更新ID(类型){
如果(类型=“成人”){
var j=1;
//将所有id_成人_x替换为id_成人_j,并将其替换为以j=1开头的有序列表“j”
$('[id^=id_成人_]')。每个(函数(){
//替换标签文本
document.getElementById(“lbl_“+this.id).innerHTML=“
”+“Adulte”+”+j; var res=此.id.split(“id\u成人”)join(“”); var spanContent=document.getElementById(this.id).innerHTML; var strToReplace=新的RegExp(“成人”+res,“gi”); document.getElementById(this.id).innerHTML=spanContent.replace(strToReplace,'.'u成人'+j); this.id=“id\u成人”+j; j=++j; }); }else if(类型==“子项”){ var j=1; $('[id^=id_child_]')。每个(函数(){ //替换标签文本 document.getElementById(“lbl_“+this.id).innerHTML=“
”+“Enfant”+”+j; var res=此.id.split(“id\u子项”)join(“”); var spanContent=document.getElementById(this.id).innerHTML; var strToReplace=新的RegExp(“子项”+res,“gi”); document.getElementById(this.id).innerHTML=spanContent.replace(strToReplace,'.'u child'+j); this.id=“id\u child”+j; j=++j; }); } } /* --------------------------------------------- 函数动态删除fom元素 ---------------------------------------------^ */ 函数removeElement(parentDiv、childDiv){ if(childDiv==parentDiv){ 警报(“无法删除父div”); } else if(document.getElementById(childDiv)){ var child=document.getElementById(childDiv); var parent=document.getElementById(parentDiv); 父母。removeChild(子女); 如果(儿童包括(“成人”)){ document.getElementById(“NBR成人”)。值=$(“[id^=id\U成人]”)。长度; //计算新的总价 setTotalPrice(); //更新ID 更新信息(“成人”); } else if(儿童分类包括(“儿童”)){ document.getElementById(“nbrChild”).value=$(“[id^=id\u child\”)长度; //计算新的总价 setTotalPrice(); //更新ID 更新信息(“儿童”); } 否则{ /*无所事事*/ } } 否则{ 警报(“子div已被删除或不存在”); 返回false; } } /* ---------------------------------------------------------------------------- 当用户更改列表“Nombre Adulte(s)”时将调用的函数 --------------------------------------------------------------------------- */ 函数onadaltchange() { //检索用户选择的“成人”号码 var nbrAdultValue=document.getElementById(“nbrAdultValue”).value; //计算html文件上实际创建的“成人”Div的总数 var idAdultCount=$(“[id^=id\u成人]”)。长度; //计算这些变量的增量,以便创建或删除正确数量的“成人”Div var x=nbrAdultValue-idAdultCount; //检查delta是否为负值,如果是,我们必须删除“成人”Div的最后一个“x”编号 if(x<0){ //将“x”从负值转换为绝对值 x=Math.abs(x); //警报(“此操作将删除最后一个“+x+”成人字段”); //删除最后一个“x”“成人”Div 对于(j=0;jvar filledInputs = [] $("document").ready(function() { $("#myForm").on("keypress", function(e) { var elem = e.target.name + " " + e.target.id if (e.target.value.length > 0) { if (filledInputs.indexOf(elem) === -1) { filledInputs.push(elem) } } else { var elemIndex = filledInputs.indexOf(elem) if (elemIndex !== -1) { filledInputs.splice(elemIndex, 1) } } }) })
function onAdultChange() {
    // ...
    if (x < 0) {
        // ... 
        for (j = 0; j < x; j++) {
            // ...

            removeElement("myForm", "id_adult_" + max);

            // decrease the global variable when removing input elements
            allInputElements -= 4
        }
    } else {
        for (j = 0; j < x; j++) {
            // ...
            document.getElementById("id_adult_" + i).appendChild(g);

            // increase the global variable when adding input elements
            allInputElements += 4
        }
    }
    // ...
}
// ...
function onChildChange() {

    // ...
    if (x < 0) {
        // ...
        for (j = 0; j < x; j++) {
            // ...
            removeElement("myForm", "id_child_" + max);

            // decrease the global variable when adding input elements
            allInputElements -= 2
        }
    } else {
        for (j = 0; j < x; j++) {
            // ...
            document.getElementById("id_child_" + i).appendChild(g);

            // increase the global variable when adding input elements
            allInputElements += 2
        }
    }
}
function resetElements() {
    // ...
    allInputElements = 0
    filledInputs = []
}
if (filledInputs.length === allInputElements) {
    // paypal code
}
// else nothing happens