1. 程式人生 > >jq設定checkbox預設選中狀態

jq設定checkbox預設選中狀態

1.後臺傳送的資料 是spring框架中的物件model.addObject(“student”,stu);
前臺頁面由隱藏的接收物件

頁面程式碼:

<input id="wfsi" class="hidden" th:value="${student.age}"/>

<div>
<input id="ckbx" type="checkbox"/>
</div>

jq程式碼設定checkbox的幾種方式:

1.attr
//設定複選框為勾選狀態
$("#ckbx").attr("checked","checked");

//設定複選框未選中狀態
$("#ckbx").removeAttr("checked"); 2.prop //設定複選框為勾選狀態 $("#ckbx").prop("checked",true);

以上是在jq.1.12.4.js和bootstrap環境下執行,具體行為是前端html頁面傳送請求到controller,springBoot自動獲取對應的資料進行處理,將返回的結果物件(Model以及addObject方法)傳回給html,然後jq獲取負責接收資料的input標籤的值。