jQuery 是一個功能強大的 JavaScript 庫,可輕松地選擇和操作 HTML 元素。
當需要在網頁中選擇多個復選框時,可以使用 jQuery 的選擇器來實現。以下是一個簡單的示例,演示如何使用 jQuery 選擇復選框。
$("input[type='checkbox']").click(function(){ if($(this).prop("checked") == true){ // 復選框已被選中 } else if($(this).prop("checked") == false){ // 復選框已被取消選中 } });
在上面的代碼中,我們首先選擇了所有的復選框元素,然后使用 click() 方法來為它們添加單擊事件。在單擊事件的處理程序中,我們使用了 prop() 方法來檢查復選框是否已被選中。
如果復選框已被選中,則 prop() 方法將返回 true,否則返回 false。因此,我們可以使用 if 語句來執行相應的操作。
<input type="checkbox" name="fruit" value="apple"> 蘋果 <input type="checkbox" name="fruit" value="orange"> 橙子 <input type="checkbox" name="fruit" value="banana"> 香蕉
最后,我們需要在 HTML 中添加一些復選框元素,以便測試我們的代碼。在上面的示例中,我們創建了三個復選框,它們的 name 屬性都是 "fruit",它們的值分別為 "apple"、"orange" 和 "banana"。
當用戶單擊一個復選框時,它將觸發 click() 事件,JavaScript 將檢查該復選框的狀態,并隨后執行相應的代碼。
下一篇java 和go 前景