在網(wǎng)頁開發(fā)中,通過JQuery遍歷元素并獲取相應(yīng)的值是常見的操作之一。下面將介紹幾種常用的方法。
// 獲取所有選中的復(fù)選框的值 var checkedValues = []; $('input[type="checkbox"]:checked').each(function() { checkedValues.push($(this).val()); }); console.log(checkedValues);
上述代碼通過選中所有type為checkbox且被選中的元素,使用each()方法遍歷每個元素,并通過$(this)方法獲取當(dāng)前元素的值,最后將每個元素的值push進(jìn)一個數(shù)組中。
// 獲取下拉列表選中的值 var selectedValue = $('#dropdown').val(); console.log(selectedValue);
上述代碼通過指定下拉列表的id,并使用.val()方法獲取選中的值。
// 獲取選中的單選框的值 var selectedValue = $('input[name="radio"]:checked').val(); console.log(selectedValue);
上述代碼通過選中所有type為radio且被選中的元素,使用.val()方法獲取選中的值。
通過以上幾種常用的方法,我們可以靈活地獲取我們需要的元素的值,從而更好地實(shí)現(xiàn)我們的網(wǎng)頁功能。