checkbox勾選判斷程式碼分析_javascript技巧

複製代碼 代碼如下:

var xieYi=document.getElementById("xieYi");
if(!xieYi.checked){
    alert("請先閱讀並勾選註冊協議！");
    return;    
　　}

最開始這樣寫，不過並不是所有的情況都需要勾選這個協議，協議有時不會在前台頁面顯示，所以改了第二種

複製代碼 代碼如下:

var xieYi=document.getElementById("xieYi");
    if(!xieYi== null && !xieYi.checked){
        alert("請先閱讀並勾選註冊協議！");
        return;       
    }

當xieYi不存在的時候，xieYi為null，判斷xieYi不為null的時候並且xieYi沒有勾選的時候就alert。

可惜，這段代碼沒有發揮預想中的作用。

最後發現是判斷xieYi寫錯了。

最終版：

複製代碼 代碼如下:

var xieYi=document.getElementById("xieYi");
    if(xieYi!= null && !xieYi.checked){
        alert("請先閱讀並勾選註冊協議！");
        return;       
    }