JS中某事件須要同時調用幾個function另類解決辦法。

    最近在寫一個的問卷調查。由於客戶要求要分不少頁，而且不一樣題目的顯示效果不一樣。小步就在日日夜夜的js代碼中摸索出了下面這麼一個方法。

    同時調用多個function,有時候容易出錯，不如仍是寫在一個function裏來的方便。下面隨便來個小例子：

<script type="text/javascript">
//亮點在這裏：經過一個方法來融合幾個function。不過要注意藍色字體部分的邏輯。
function getClick()
{
    var bool_1 = f1();
    var bool_2 = f2();
    if(bool_1==true && bool_2==true)
    {
        return true;
    }
    return false;
}
//非空驗證，輸出提示
function f1()
{
    var option = document.getElementById("option");
    var content = document.getElementById("content");
    var validate= document.getElementById("validate");
    if(option.checked ==true && content.value=="")
    {
        validate.innerHTML = 請列舉相關事項。";
        return false;
    }
    validate.innerHTML = "";
    return true;
}

//若是選中checkbox，光標跳到文本框
function f2()
{
    var option = document.getElementById("option");
    var content = document.getElementById("content");
    if(option.checked == true)
    {
        content.focus();
        return true;
    }
    return false;
}

</script>
<input type="checkbox" name="option" id="option"/>
其餘(請列舉)：<input type="text" id="content" />
<div id="validate"></div>
<input type="submit" id="submit" onclick="return getClick()"/>

具體思路就是這樣，先記錄下來。也不是多大的成就，就是以爲換了一種思路實現了效果有那麼一點點的欣喜。畢竟算是從JS小白到菜鳥的一次小小進階吧。寫下來告訴本身：遇到問題不妨多想幾條思路，一是磨刀不誤砍柴工，二是身處絕境也許會有又一村在柳暗花明處等你。