啓動頁面複選框驗證

因此，我正在開展一個休閒大麻零售商的項目。這是一個醒目頁面的促銷網站（一頁，使用jQuery淡入全屏視頻），我幾乎全部完成了。你去網址，並提示「ENTER」，只要你年齡。啓動頁面複選框驗證

這裏的法律要求我們驗證進入網站的人是21歲以上的複選框，我也完成了，但是現在我無法弄清楚如何在複選框要求之後讓我的jQuery函數正確執行驗證。

這裏是我的HTML：

<div id="splash"> 
    <div class="checkbox-group required"> 
     <Br /> 
     <form> 
      <input type="checkbox" name="age" id="age" required> I am 21 
years of age or older<Br /><Br /> 
      <input type="checkbox" name="alien" id="alien" required> I am not an alien 
      <input type="image" src="img/enter.png" id="enter"> 
     </form> 
    </div> 
    <img src="img/ufo2.jpg"> 
</div>

我的JS：

if(form.checkbox.checked) { 
    $("#enter").click(function() { 
     $("#splash").fadeOut("slow"); 
    }); 

    $("#enter").click(function() { 
     $("#post-splash").fadeIn("slow"); 
    }); 
}

我感覺它是與我的事件的方法，但我不熟悉不夠用JS還破解它。謝謝！

來源

2017-07-19 Diane Selvy

當你運行你張貼的JS代碼？ –

@ J.Chen在html之後，但我已經在頁面上的任何地方測試過它 –

試試這個

$("#enter").click(function() { 
    var ageCheck = $('#age').is(':checked'); 
    var alienCheck = $('#alien').is(':checked'); 
    if(ageCheck == true && alienCheck == true){ 
     $("#splash").fadeOut("slow"); 
     $("#post-splash").fadeIn("slow"); 

    } 
});

來源

2017-07-20 00:07:44 progrAmmar

這正是我所要做的！除了它由於某種原因還沒有工作。當你點擊「ENTER」時，表格就會清除，但初始頁面不會像應該那樣淡出。這裏是網址，如果我不清楚： http://dianeselvy.com/hah/ –

等一下，我修好了！出於某種原因，我的'輸入'元素不會與jquery效果一起使用，但將其格式化爲僅僅是img的效果很好。謝謝！ –

你要聽點擊事件目標複選框：

$(document).ready(function() { 
 

 
    $('#age').click(function() { 
 

 
    // Clicking checkbox will make it checked, 
 
    // so checkbox check code goes here 
 

 
    $("#enter").click(function() { 
 
     $("#splash").fadeOut("slow"); 
 
     $("#post-splash").fadeIn("slow"); 
 
    }); 
 

 
    // Code moved to above 
 
    /* 
 
    $("#enter").click(function() { 
 
     $("#post-splash").fadeIn("slow"); 
 
    }); 
 
    */ 
 
    }); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div id="splash"> 
 
    <div class="checkbox-group required"> 
 
    <Br /> 
 
    <form> 
 
     <input type="checkbox" name="age" id="age" required> I am 21 years of age or older 
 
     <Br /> 
 
     <Br /> 
 
     <input type="checkbox" name="alien" id="alien" required> I am not an alien 
 
     <input type="image" src="img/enter.png" id="enter"> 
 
    </form> 
 
    </div> 
 
    <img src="img/ufo2.jpg"> 
 
</div>

來源

2017-07-20 00:15:00

啓動頁面複選框驗證

回答

相關問題