如何使用jQuery方法獲取核取方塊的值並拼接起來

2019-12-11 20:26:03

在jQuery中，可以使用change事件和each函數遍歷迴圈核取方塊，並將拼接起來的ID屬性賦值給result變數。下面利用一個範例說明如何獲取核取方塊的值，操作如下：

第一步，雙擊開啟HBuilder編輯工具，新建一個靜態頁面ckb.html，如下圖所示：

第二步，在<title></title>標籤元素下方，新增一個<script></script>標籤，並引入jquery檔案，如下圖所示：

第三步，在body標籤元素內插入一個div標籤，然後插入四個input核取方塊，如下圖所示：

第四步，在jquery初始化函數內，呼叫each函數方法，遍歷四個核取方塊，如下圖所示：

第五步，儲存程式碼並在瀏覽器中預覽介面效果，檢視程式碼顯示，如下圖所示：

第六步，勾選核取方塊發現控制台無列印結果，接著修改change和each的順序，如下圖所示：