jQuery是一種廣泛使用的JavaScript庫,用于輕松處理HTML文檔的遍歷、事件處理、動畫以及AJAX等任務。checkbox是一個常見的HTML表單元素,在處理復選框時,jQuery的checkbox true方法可以幫助我們獲取選中的復選框。
$(document).ready(function(){ //給checkbox添加一個點擊事件 $('input[type="checkbox"]').click(function(){ //判斷是否選中復選框 if($(this).is(':checked')){ alert('選中了'); }else{ alert('未選中'); } }); });
如上所示的代碼,首先我們使用$(document).ready()方法來確保DOM已經加載完成后再執行后面的代碼。然后使用選擇器選中了所有的type屬性為checkbox的input元素,給它們添加了一個點擊事件。在點擊事件中,使用is()方法判斷當前復選框是否被選中,如果是選中狀態就彈出一個選中了的提示框,否則就彈出未選中的提示框。
在實際開發中,我們通常會使用checkbox true方法來獲取選中的復選框的值。代碼如下:
$(document).ready(function(){ //給所有復選框添加一個change事件 $('input[type="checkbox"]').change(function(){ var checkValue = ''; //遍歷所有復選框,獲取被選中的值 $('input[type="checkbox"]:checked').each(function(){ checkValue += $(this).val() + ','; }); //去除最后一個逗號 checkValue = checkValue.slice(0, -1); //將獲取到的值賦給一個隱藏域,以便提交到后臺 $('#checkbox_value').val(checkValue); }); });
如上所示的代碼中,我們給所有包含復選框的表單添加了一個change事件。然后在事件中,使用each()方法遍歷所有復選框,判斷是否被選中,如果是被選中的狀態就將其value值存入checkValue變量中。最后,去除最后一個逗號,將獲取到的值賦到一個隱藏域中。這樣,在提交表單時就可以通過隱藏域將已選中的復選框值傳遞到后臺處理。