【Elementor】表單核取方塊無法設為必填的解決方式

Elementor的表單中大部分欄位都可以設為必填,但如果是複選方框(checkbox)就無法設成必填(滿奇怪的),也無法有預設值,這樣表單送出後這個欄位有可能是沒有資料的,我們可以自己做點小處理,讓它有「預設值」...

以下會用到一點點的jQuery語法,很簡單,照複製就好了!

一、表單先設好複製框與選項

如下圖,有ABC三個方案

二、先存檔並在瀏覽器預覽

預覽時用Chroem瀏覽器的F12去找一下想要預勾選的選項的id

假設我要預設勾選A方案,如下圖:

三、在表單正下方拉一個html工具

並加入一段jq語法,如下:

<script src="//code.jquery.com/jquery-latest.min.js"></script>
<script>
$("#form-field-field_1-0").attr("checked","checked");
</script>

記得要改一下#後面的id。

四、重新在前台預覽

即可預設勾選第1個項目。

 

Facy

我是Facy,浸淫網路行銷多年,凡是網路行銷相關都興趣十足,特別是「關鍵字&內容行銷」! 目前主要是專職部落客、網站接案製作、架站教學,歡迎找我聊聊。

  • 如果您需要問我相關的話,可以加入FB社團一起交流或寫信給我: smallway.tw@gmail.com
  • 如果您需要更系統性的學習,歡迎參考我的線上課程或家教班
  • 如果您有單一性的問題,例如網站健診、文章問題、做不出的功能,目前接受付費線上家教

發表留言