在Web頁面中,復選框(Checkbox)是常見的用戶交互元素,習慣上我們會使用JavaScript來獲取到它們的狀態。而使用jQuery庫的話,操作起來則更加易用和高效。
//獲取checkbox的值 var isChecked = $("#myCheckbox").prop("checked"); //設置checkbox為選中狀態 $("#myCheckbox").prop("checked", true); //取消checkbox的選中狀態 $("#myCheckbox").prop("checked", false);
在jQuery中,我們可以使用.prop()方法來獲取到checkbox的狀態值。如果checkbox被選中,則它的狀態值為true,否則為false。同樣地,我們使用.prop()方法來設置checkbox的選中狀態。其中,將true作為.prop()方法的參數值即可將checkbox設置為選中狀態,反之則將其取消選中狀態。
另外,當某個頁面包含多個checkbox時,我們可以通過.val()方法來獲取被選中checkbox的值:
//獲取被選中的checkbox的值 var checkedValues = $("input[type='checkbox']:checked").map(function(){ return $(this).val(); }).get();
這段代碼會獲取所有被選中的checkbox的值,并存儲在一個數組中。對于每一個被選中的復選框,我們首先使用選擇器選擇它們,然后使用.map()方法來將其值存儲到一個新數組中。
因此,如果你需要在將用戶提交的“表單”數據存儲在數據庫或在后續處理中使用它們,你可以使用這一技巧來輕松地獲得已選中的checkbox值。