在使用jQuery時,我們經常需要獲取元素的值。對于輸入框,可以使用$('input').val()
來獲取值。下面是一個示例:
$('input').on('keyup', function() {
var val = $(this).val();
console.log(val);
});
上面的代碼會在輸入框有鍵盤操作時打印出輸入框的值。值的獲取使用了val()
方法。
如果我們希望獲取選擇框的值,可以使用$('select').val()
方法。代碼如下:
$('select').on('change', function() {
var val = $(this).val();
console.log(val);
});
上面的代碼會在選擇框改變選擇時打印出選擇框的值。
除了以上常見的元素外,還有一些需要特殊處理的情況。例如多選框,需要使用$('input[type="checkbox"]:checked')
來獲取選中的多選框的值。代碼如下:
$('input[type="checkbox"]').on('change', function() {
var val = [];
$('input[type="checkbox"]:checked').each(function() {
val.push($(this).val());
});
console.log(val);
});
上面的代碼會在多選框改變選擇時打印出被選中的多選框的值。