Javascript: a href="#"

return false; 再來一招

相信也有人用過這招, 利用 a href="#" 做一個超連結, 不是要連到另一個網頁, 而是要執行頁面上的某個 javascript function. 但是總會在點下超連結後回到頁首.

整理一下各種不同寫法的狀況給各位視情況運用


<a href="#" onclick="alert('回頁首')">按下返回頁首</a><br>
<a href="#" onclick="alert('不回頁首');return false;">按下不返回頁首</a><br>
<a href="javascript:" onclick="alert('不回頁首')">按下不返回頁首</a><br>
<a href="javascript:alert('不回頁首')">按下不返回頁首</a><br>


範例:
按下返回頁首
按下不返回頁首
按下不返回頁首
按下不返回頁首

Javascript: checkbox 必選

Blog 荒廢已久... 乾脆拿來記錄一下寫程式會用到, 卻又容易忘記的好用小招數.

應該很多寫網頁程式的人都會遇到這種需求:
"我有多個選項要讓使用者複選, 但是其中一個或多個選項是必選, default 要勾選起來, 而且使用者不能取消"

偏偏 checkbox 這玩意沒有 readonly, 只有 disabled. 用了 disabled, 勾選的值又不會被傳到 server. 這時候其實只要用下面的寫法就一勞永逸啦!

<input type="checkbox" name="checkbox" checked onclick="return false;" />必選選項

範例:
選項一
選項二 (必選)
選項三