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個項目。