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