在 jQuery 中,我們可以通過輸入框的值對象來獲取或者設置輸入框的值。下面我們來看一下基本的輸入框值對象的用法。
// 獲取輸入框的值 var inputValue = $('input').val(); console.log(inputValue); // 設置輸入框的值 $('input').val('Hello World!');
首先,在 jQuery 中獲取輸入框的值我們可以使用val()
方法。這個方法會返回一個字符串,表示輸入框的值。在上面的例子中,我們只選擇了第一個輸入框,如果頁面上有多個輸入框,我們需要指定具體的輸入框。
而如果想要設置輸入框的值,我們需要傳入一個字符串作為參數,表示新的輸入框的值。同樣的,我們也需要指定具體的輸入框。
// 獲取單選框的值 var radioValue = $('input[type="radio"]:checked').val(); console.log(radioValue); // 獲取復選框的值 var checkBoxValues = []; $('input[type="checkbox"]:checked').each(function() { checkBoxValues.push($(this).val()); }); console.log(checkBoxValues);
除了普通的輸入框,我們還可以獲取單選框和復選框的值。單選框和復選框有多個選項,所以我們需要在選擇器中加上:checked
來表示選中了哪個選項。
對于單選框,我們可以直接使用val()
方法獲取選中的值。而對于復選框,由于它可以選中多個選項,所以我們需要使用each()
方法來遍歷選中的選項,將每一個選項的值存到數組中。
以上就是關于 jQuery 輸入框值對象輸出的基本用法。通過這些簡單的代碼,我們可以輕松地操作輸入框的值。
上一篇css怎么加粗體字